文字を選択した時に選択箇所の文字色を変える: CSS

on 2023年8月24日

表題の件、CSSに「::selection」を書いてあげればOKです。HTMLには何も記述の必要はありません。


::selection {
color: #fff;
background: #333;
}

動作しないブラウザもあるようなので、そのために -moz- というのも追記する必要があるようです。

::-moz-selection {
color: #fff;
background: #333;
}