css-selectors - css 删除选择/突出显示文本上的文本阴影 (mozilla)

Question

我在大多数文本站点范围内使用文本阴影，但是当您突出显示/选择文本时 - 文本看起来很模糊。因此，为了删除文本阴影，我使用了 here 中的这个 css。 .

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

问题是由于某些原因 moz-selection 在 mozilla (Firefox) 中似乎不再起作用了。

这是 jsFiddle

Answer 1

问题似乎是由于将多个 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;
}

....宾果游戏，有效。

FIDDLE

支持也非常好(桌面):Caniuse

此外，如果您使用 LESS 或 SASS - 您可以轻松地编写一个 mixin 来绕过重复。