こんにちはホンマです。
今回はCSSでドラッグしたテキストの背景色を変更の仕方について話をしたいと思います。
wedサイトでテキストをなぞると、選択範囲の色が表示されます。
通常は青色ですが、CSSで変更をすることが出来ます。
::selectionで背景色を変更
選択したテキスト背景色を赤にします
::selection {
background: red;
}
選択した「pタグ」のテキスト背景色を赤にします
p::selection {
background: red;
}
このCSSをスタイルシートに書くことで色の変更をすることが出来ます。
ですが、ブラウザによっては対応していないものもありますので
Can I Useで確認をしておくことをおすすめします。
以上参考になれば幸いです。
ホンマの話でした。
