为什么
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