選択時に段落内のテキストをマウスで強調表示する方法 私はいくつかのCSS3プロパティを使用する必要があると思うが、私は何を使用するのか分からない。段落内のテキストを強調表示する方法
は、誰かがその部分を選択したとき、彼らは、背景色と文字色を変更していることがわかります。ここ
...それは私が何をしたいのかで、下の画像を参照してください。
選択時に段落内のテキストをマウスで強調表示する方法 私はいくつかのCSS3プロパティを使用する必要があると思うが、私は何を使用するのか分からない。段落内のテキストを強調表示する方法
は、誰かがその部分を選択したとき、彼らは、背景色と文字色を変更していることがわかります。ここ
...それは私が何をしたいのかで、下の画像を参照してください。
あなたは、テキスト選択のためのCSSの下にこれを使用することができます。
::-moz-selection { /* Code for Firefox */
color: red;
background: yellow;
}
::selection {
color: red;
background: yellow;
}
は、必要に応じてCSSの::選択が
::selection {
background-color: yellow
}
あなたが::selection
(および::-moz-selection
)色を調整することができます使用します。これは、文書全体または特定の要素に対して行うことができます。あなたはこの仕事を得ることができ::selection
セレクタを使用して
。 ::あなたは今日は で使用することができ、これらのクールなCSS3宣言のthis site
の色とシステムレベルのテキスト ハイライトカラーを上書きしていますつから選択を取ると、お使いのブラウザレベルまたはあなたの選択
p::selection {
background-color: #fff2a8
}
p::-moz-selection {
background: #fff2a8;
}
あなたはselection
擬似セレクタ::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>
<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>
- https://css-tricks.com/overriding-デフォルトテックスt-selection-color-with-css / – Gavin