html - ユーザー選択色の変更

Question

ブラウズしていて、ウェブページのテキストや要素を誤って選択してしまうのは嫌です。すべてが青くなる！そのため、当面は、ユーザーが誤って選択する可能性のあるページの部分でこのクラスを使用しています。

.NoSelect{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;}

これは正常に機能しますが、問題は、このクラスを持つ多くの div になってしまうことです。

選択したテキストと選択した要素の色を変更して透明にする方法はありますか?

ありがとう。

Answer 1

::selectionCSS属性を使用できます。

全てにおいて：

::selection { background: transparent; }

または単にpタグ、例えば：

p::selection { background: transparent; }

これが例です。