こんにちは!bibiです。
今回は、テキスト選択時のハイライトのカラーを変更する小技をこっそりお教えします!
工程は超カンタン!
cssにこちらを記述します。今回はハイライトに鮮やかな赤色を指定。
1 2 3 |
::selection { background: #ff0200; } |
これでOK!どうでしょう!この1ステップのみのお手軽さ!!!
ここに例えば、文字色自体をこのように変えたり
1 2 3 4 |
::selection { color:#ffffff; background: #ff0200; } |
P要素のみに限定してハイライトをつけたり
1 2 3 4 |
p::selection { color:#ffffff; background: #ff0200; } |
意外と自由度高く行うことができます!
これであなたもハイライト・マスター!!!!