デザイナーさんから指定が無くても設定しておきたいシリーズ
テキスト選択背景色を指定するCSSのコードです。
サイトのカラーに合った色を指定しておきたい。
内容
「::selection」擬似要素を使います。
利用できるプロパティ
- color
- background-color
- cursor
- caret-color
- outline およびその個別指定プロパティ
- text-decoration および関連プロパティ
- text-emphasis-color
- text-shadow
発見
- class指定も可能。
- 文字のみ／背景色で使用するとサイトの雰囲気にあった。
デモ
See the Pen 選択の背景色をCSSで指定 by harumi-sato (@harumi-sato) on CodePen.