0

このテキストを選択すると、青い選択フィールドが表示されます。しかし、それは私の質問のポイントではありません。このテキストを選択した後、PCを使用している場合、実際のテキストの色は白になります。Macでは、以前の色のままです。それが私が変えたい色です。

クロスブラウザソリューションはありますか？

4

2 に答える 2

2

::selection疑似セレクターを使用できます。

::selection {
    background: rgb(60, 60, 60);
    color: rgb(245, 245, 245);
}
​
::-moz-selection {
    background: rgb(60, 60, 60);
    color: rgb(245, 245, 245);
}​

解析ルールにより、CSS を複製して接頭辞を付け直す必要があります。

Gecko はプレフィックスを必要とする唯一のエンジンです。無効な疑似要素が検出された場合、CSS 解析規則では規則全体を削除する必要があるため、2 つの別個の規則を記述する必要があります::-moz-selection, ::selection {...}。Gecko 以外のブラウザーで::-moz-selectionはルールが無効であるため、このルールはドロップされます。

デモ: http://jsfiddle.net/Blender/Hs7bQ/

于 2012-09-29T01:49:09.063 に答える
1

両方のセレクターを 1 つに配置することはできないため、フィドルを更新しました。-moz-selection は独自のものである必要があります。 更新されたjsFiddle

Mozilla 開発者 ::選択

于 2012-09-29T02:45:34.637 に答える