何も指定しないと、テキストを選んだ時のデフォルトカラーは青い(firefoxとChromeは少なくとも確認済)。これを、変えてみる。
コードを入れる前

コードを入れる前は、↑このような画面になっている。そして、使うコードはこれ。
CSSコードはこれ
CSSのbodyの下に入れた。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
::selection { | |
background-color: #55c57a; | |
color: #fff; } |

これで、選んだテキストの背景は指定した #55c57a (黄緑)になって、テキスト自体の色は#fff(白)に変わった。
より統一されたデザインになるので、ぜひ取り入れてみては。
コメント 作品をシェア!