css text全选样式

CSS文本选择样式

::selection {
    color: #fff;
    background: #007bff;
}

CSS中的::selection伪类可以用来修改文本被选中时的样式。在浏览器中，我们可以通过鼠标、键盘等方式选中文本。当文本被选中时，浏览器会默认为选中部分添加一些样式，如蓝色底和白色字等。

这时，我们就可以用::selection伪类来改变这些默认样式。比如，我们可以将选中部分的底色改为蓝色，文字颜色改为白色。

::-moz-selection {
    color: #fff;
    background: #007bff;
}
::selection {
    color: #fff;
    background: #007bff;
}
    

需要注意的是，不同浏览器可能会有不同的语法。上面的代码中，-moz-表示Firefox浏览器，::selection表示其他浏览器。因此，在使用::selection时，最好加上一个-moz-前缀，以兼容不同浏览器。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！