为什么CSS3伪::选择不会改变所有部分的颜色?

前端之家收集整理的这篇文章主要介绍了为什么CSS3伪::选择不会改变所有部分的颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
为什么 CSS3伪元素选择不会改变突出显示的所有部分?正如您在此屏幕截图中看到的,我选择了部分页面,部分选项是默认的亮蓝色:

这是我正在使用的CSS,它位于我的CSS文件的顶部:

::selection { background: #3B3B3B; color: #fff; }
::-moz-selection { background: #3B3B3B; color: #fff; }

它似乎是输入(文本,复选框等)和白色空间的亮点不会改变.有谁知道这是为什么,有没有办法改变它的页面的每个部分,所以高亮颜色是一致的?我正在使用Chrome.

解决方法

:: selection伪元素在Chrome / Safari中无法正常运行. <输入>元素将成为标准的高光颜色.这是一个非常古老而且仍然很突出的错误

https://bugs.webkit.org/show_bug.cgi?id=38943

我能够想出的唯一解决方法是使用contenteditable元素而不是< input>元素.

这是我创建的一个演示:http://jsfiddle.net/ThinkingStiff/FcCgA/
我写了一篇关于它的文章https://stackoverflow.com/a/8529323/918414

原文链接:https://www.f2er.com/css/215960.html

猜你在找的CSS相关文章