0

ハイライトされたテキストの色を変更する方法は知っていますが、自分のサイトでは変更できない青いハイライトが持続します。

これが私の例のスクリーンショットですhttp://i.imgur.com/d4HkP.png

例を見るには、以下のjsfiddleにアクセスし、command+aまたはctrl+aのいずれかですべてのテキストを強調表示してください...

ここの青いパディングまたはマージンが強調表示されていますか？また、[p]タグの外側のdomに[br]タグを配置することで、さらに多くのタグを作成できることに気付きました。

これについて何か考えはありますか？

編集：

私はこれを台無しにするフィドルを作成し、それをよりよく説明します：

::selection doesn't work

http://jsfiddle.net/designaroni/UTd3E/

実行中のコンテンツを強調表示すると、問題の原因である青がここに表示されます。

ここにもう提案はありますか？

4

2 に答える 2

1

ブラウザがWebサイトを強調する方法を変更する方法はありません。異なるブラウザが異なる方法で強調表示するため、この問題はブラウザ固有のものです。ただし、CSSを使用して、user-selectプロパティを使用してWebサイトのどの部分を強調表示できるかどうかを設定できます。

編集：選択範囲の色を変更する方法を知っていると思いましたが、強調表示されたテキストの色を意味していることがわかりました。以下の答えはそれをカバーするかもしれません;）

于 2012-11-28T18:58:53.787 に答える
0

::selection疑似要素をカスタマイズできます。Mozillaのドキュメントを参照してください

ドキュメントの例から、ドキュメントの次のように選択色をカスタマイズできます。

/* draw any selected text yellow on red background */
#myelem::-moz-selection { color: gold;  background: red; }  /* For Firefox */
#myelem::selection      { color: gold;  background: red; }  /* Other ::selection-compatible browsers */

これをページ上のすべての選択可能な要素に適用するには、次のようにします。

*::-moz-selection { color: gold;  background: red; }  /* For Firefox */
*::selection      { color: gold;  background: red; }  /* Other ::selection-compatible browsers */

これは疑似要素であり、標準化されていないため、その動作は実装によって非常に定義されていることに注意してください。

于 2012-11-28T19:00:14.850 に答える