1

::selectionおよび疑似要素を使用して、デフォルトの選択スタイルを変更しようとしています::-moz-selection。次の2つのルールを使用して、選択範囲の色と背景を正常に変更しました。

::-moz-selection{ background: #444; color:#fff; text-shadow: none; }
::selection { background:#444; color:#fff; text-shadow: none; }

border-colorただし、リンクの選択時に白に変更する必要もあります。私はこのCSSでこれを達成しようとしています：

a::-moz-selection { border-color:#FFF;}
a::selection {border-color:#FFF; }

オーバーライドを追加しても!important、Safariは境界線の色をスタイル設定しません。

私は何が欠けていますか？選択時にリンクを変更できないのはなぜborder-colorですか？

4

1 に答える 1

3

borderテキスト選択のスタイルを定義することはできません。

outline代わりに定義してみてください（古い仕様とSitePointリファレンスに記載されているように許可されたプロパティの1つになる予定でした）：

a::-moz-selection { outline: 1px solid #fff; }
a::selection { outline: 1px solid #fff; }

それが機能しない場合は、ブラウザがのアウトラインをサポートしていないのではないかと思います::selection。

これ::selectionはセレクターの仕様から外されており、CSSレベル3の残りの部分はまだドラフトであるため、ブラウザーが正しく/完全に実装していることに依存することはできません。

于 2011-06-20T00:08:53.057 に答える