段落内のテキストを強調表示する方法

選択時に段落内のテキストをマウスで強調表示する方法私はいくつかのCSS3プロパティを使用する必要があると思うが、私は何を使用するのか分からない。段落内のテキストを強調表示する方法

は、誰かがその部分を選択したとき、彼らは、背景色と文字色を変更していることがわかります。ここ

...それは私が何をしたいのかで、下の画像を参照してください。

2016-05-17 Dinnu Buddy

- https://css-tricks.com/overriding-デフォルトテックスt-selection-color-with-css / – Gavin

あなたは、テキスト選択のためのCSSの下にこれを使用することができます。

::-moz-selection { /* Code for Firefox */ 
    color: red; 
    background: yellow; 
} 

::selection { 
    color: red; 
    background: yellow; 
}

出典

2016-05-17 10:32:40

は、必要に応じてCSSの::選択が

::selection { 
    background-color: yellow 
}

出典

2016-05-17 10:32:45 keziah

あなたが::selection（および::-moz-selection）色を調整することができます使用します。これは、文書全体または特定の要素に対して行うことができます。あなたはこの仕事を得ることができ::selectionセレクタを使用して

https://jsfiddle.net/gRoberts/ozb5orLy/1/

出典

2016-05-17 10:33:04 Gavin

。 ::あなたは今日はで使用することができ、これらのクールなCSS3宣言のthis site

つから選択を取ると、お使いのブラウザレベルまたはあなたの選択

の色とシステムレベルのテキストハイライトカラーを上書きしています

p::selection { 
    background-color: #fff2a8 
} 

p::-moz-selection { 
    background: #fff2a8; 
}

出典

2016-05-17 10:33:13

あなたはselection

Example here

を使用して、これを実行するためにCSSを使用することができます

出典

2016-05-17 10:33:42 Steveo

擬似セレクタ::selectionを変更するだけで済みます。

Firefoxで正常に動作させるには、具体的には::-moz-selection selector、さらにを使用する必要があります。

Basicの例：あなたはCSSを使用することができます

*::selection { 
 
    background: red; 
 
    color: blue; 
 
} 
 

 
*::-moz-selection { 
 
    background: red; 
 
    color: blue; 
 
}

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

出典

2016-05-17 10:34:27

<html> 
 
<head> 
 
<style> 
 
p1:hover { 
 
    background-color: yellow; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<p>How to highlight the text in paragraph on selection by mouse. <p1>I think I have to use some CSS3 property</p1> but I do not know what to use. 
 

 
see the below image, that is what I want to do...</p> 
 

 
<br> 
 

 

 
<!-- So you have to use CSS and Using hover you can do that i have already upload an image to show you the example how it's work --> 
 

 
</body> 
 
</html>

出典

2016-05-17 11:10:59

段落内のテキストを強調表示する方法

答えて

関連する問題