丑陋::选择双色背景

时间:2011-06-18 18:51:04

标签: google-chrome css3 selection

我正在尝试在Chrome中使用自定义::selection效果,但在突出显示的文字上会出现这种错误的蓝色:

enter image description here

这是我的CSS:

::selection {
    color:#ffffff; 
    background: #000000;
}
::-moz-selection {
    color:#ffffff; 
    background: #000000;
}
::-webkit-selection {
    color:#ffffff;
    background: #000000;
}

我无法在Firefox中复制错误 - 我有什么可以做的,或者它只是浏览器的一个功能?

2 个答案:

答案 0 :(得分:2)

您希望将文本包装在<p>标记中。

答案 1 :(得分:1)

我有点困惑,因为所选文字正在应用您正在使用的代码中的样式...黑色背景上的白色文字。

淡蓝色部分是问题吗?如果是这种情况,我认为周围容器的结构/ css将更有助于深入了解。