自定义突出显示网站失败

时间:2012-03-05 20:30:57

标签: javascript css highlight

我注意到很多网站都有自定义高亮颜色,如果你按CTRL + A,默认的高亮颜色,蓝色,总是设法爬行。这是为什么?在制作我自己的网站时,我也有自己的自定义颜色,但我也有同样的问题。有谁知道如何防止这种情况发生?

http://www.smashingmagazine.com/http://www.admixweb.com/都是CTRL + A问题的示例。

2 个答案:

答案 0 :(得分:1)

选择样式主要取决于浏览器,并且可能无法在所有浏览器中自定义。以下是如何配置此类样式的示例。

p.normal::selection {
    background:#cc0000;
    color:#fff;
}

p.moz::-moz-selection {
    background:#cc0000;
    color:#fff;
}

p.webkit::-webkit-selection {
    background:#cc0000;
    color:#fff;
}

这种造型使用起来非常危险,不应该依赖

答案 1 :(得分:0)

Smashing Magazine宣布他们的CSS selection如下:

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

在我的Mac上点击Cmd + A会产生Chrome 12中的预期行为。