14

私はほとんどのテキストサイト全体でテキストシャドウを使用していますが、テキストを強調表示/選択すると、テキストがぼやけて見えます。したがって、テキストシャドウを削除するために、ここからこのcssを使用します。

::-moz-selection,
::-webkit-selection,
::selection {
    text-shadow: none;
    background: #333;
    color: #fff;
}

問題は、何らかの理由moz-selectionでMozilla（Firefox）では（もう？）動作しないように見えることです。

これがjsFiddleです

4

2 に答える 2

30

問題は、複数のcssルール（ベンダー固有のcss用）を::selection疑似要素と組み合わせてグループ化したことが原因のようです。

私はもともと、各ステートメントを別々の行に書くだけで十分だと思っていました。

私は間違っていました。

したがって、このコードを置き換えると、次のようになります。

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

..このコードで：

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

....ビンゴ、それは動作します。

フィドル

サポートも非常に良いです（デスクトップ用）：Caniuse

また、LESSまたはSASSを使用している場合は、ミックスインを簡単に作成して、繰り返しを回避できます。

于 2013-09-29T08:07:38.690 に答える
6

以下は、MozillaDeveloperNetworkに文書化されています。

この疑似要素はCSSセレクターレベル3のドラフトに含まれていましたが、特にネストされた要素では動作が指定されておらず、相互運用性が達成されなかったため、候補の推奨フェーズで削除されました（ W3Cスタイルのメーリングリスト）。

:: selection疑似要素は現在、標準トラックのどのCSSモジュールにもありません。実稼働環境では使用しないでください。

于 2012-10-23T09:38:46.930 に答える