ホームページ > 記事 > ウェブフロントエンド > CSS3::selection selector_html/css_WEB-ITnose
CSS3::selection selector_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:39:131016ブラウズ
一部の Web サイトで選択したコンテンツの色と背景色が通常の青と白ではないことを以前に見たことがあります。今日興味を持って調べてみたら、CSS3 selector::selection の非常に簡単な使い方だったことがわかりました。
上の例:
<style> .selectColor::selection{color:#fff;background:pink;} .selectColor::-moz-selection{color:#fff;background:pink;} .selectColor::-webkit-selection{color:#fff;background:pink;}</style><body> <p>普通文本，不设置::section,选中时文本的颜色为白色，背景色为蓝色</p> <p class="selectColor">选择文本的颜色为白色，背景色为粉色</p></body> ::selection セレクターに適用できる CSS プロパティは、色、背景、カーソル、アウトラインのいくつかだけです。
ブラウザのサポート:
::selection セレクターは、IE9+、Opera、Google Chrome、Safari でサポートされています。
Firefox は代替::-moz-selection をサポートしています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。