简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

CSS3::selection selector_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:39:13
オリジナル
1012 人が閲覧しました

一部の 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 をサポートしています。

関連ラベル：
CSS3 ::selection选择器
ソース：php.cn
前の記事：CSS_html/css_WEB-ITnose を記述するためのプリプロセッサが少なくなります 次の記事：iOS CoreAnimationの詳細解説(5) CATransition_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
vue vee-validate は日付ピッカーの選択の問題をキャプチャします datepicker フィールドの v-model バインディングが正しく機能しません。選択を行うと、画面上でライブ更新されますが、値は formValues リアクティブ オブジ...
から 2024-04-06 11:38:56
0
1
510
JS を使用して再生品質を制御する Javascript を使用してビデオの再生品質を制御する方法はありますか?より正確に言うと、JavaScriptを使用してビデオの品質を選択したいと考えています。 Chrome ...
から 2024-04-04 00:21:55
0
1
384
不明なセレクターと子を持つ Javascript イベント デリゲート 要素のクリックをキャプチャすることになっている動的セレクター（linkTrigger）があります。 linkTrigger が何であるか、また子が存在するかどうかはわかりません。 ...
から 2024-04-03 23:39:19
0
1
420
CSS セレクターを使用して、特定の属性またはタグを含む div 要素をターゲットにする方法は? 私はウェブサイトを生成する POS システムに取り組んでいます。コードのほとんどは独自仕様なので、あまり編集できません。いくつかの画像がカテゴリーとしてフローティングされたカテゴリ...
から 2024-04-03 22:25:59
0
1
277
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！