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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效