使用CSS更改默认选择颜色

时间:2015-12-15 13:01:45

标签: css selection

我知道这个问题有一个非常简单的答案,已经在这个网站上提供了数十亿次。然而,这个直截了当的答案似乎并不符合我的目的。最常见的建议是:

::selection {
    background: #ffcc00;
}
::-moz-selection {
    background: #ffcc00;
}

这是我在我的网站上实施的内容;将默认浅蓝色选择颜色更改为深黄色(#ffcc00 )。但请看下面的图片:

enter image description here

如果您注意到,只有带文字(或其他某个对象)的区域才会获得黄色高光颜色。其他部分仍然以默认浅蓝色突出显示。有没有办法确保我选择的颜色不分青红皂白地适用于整个页面?

3 个答案:

答案 0 :(得分:0)

试试这个:

html ::selection{
  background: #000;
}

答案 1 :(得分:0)

也许试试这个

* ::selection {
    background: #ffcc00;
}
* ::-moz-selection {
    background: #ffcc00;
}

答案 2 :(得分:-1)

::-moz-selection{
    background:#ffcc00;
    color:#000;
    }


::selection{
    background:#ffcc00;
    color:#000;
    }