相关疑难解决方法(0)

编辑:正如@geca在评论中指出的,这是一个已知的WebKit错误.我们希望很快得到修复!

该::selection伪元素允许一个样式选定的文本.这可以按预期工作,但不适用于Google Chrome 15中的textareas和输入.(我不确定它是否是webkit或chrome问题,因为我无法在Linux上使用Safari.)

这里有一个jsfiddle演示这个问题:http://jsfiddle.net/J5N7K/2/ pargraph中选定的文本应该是它的样式.textarea中的选定文本和输入不是.(但它是在Firefox.)

我做错了什么,或者现在不能在Chrome上设置它的样式？

在::selection { }CSS元素选择应该有我们自己的文字和背景颜色的选择,以取代默认的蓝色文本选择.

然而,这似乎并非总是如此,因为我经常看到具有剩余蓝色的网站.它并没有完全被我们自己选择的颜色所取代.

======编辑======

我想通过我们自己的眼睛比通过截图更容易看到.

请参阅此页面,例如:bleachindonesia.com/2012/05/27/bleach-day

在该页面上,如果您尝试全选(Ctrl + A),您将看到文本将被阻止/选择为灰色.是的,因为页面CSS使用::selection, ::-moz-selection { background:#59574b;color:#fdfcf5; }.

但是,正如您在下面的屏幕截图中看到的那样,它会在某些部分留下一些默认的蓝色选择.

http://i.stack.imgur.com/A0aUJ.png

注意颜色差异,同时注意未选择的部分.网站上有一些部分使用默认的蓝色::选择进行选择,但同时还有一些其他部分未被选中.

同时,还有这个页面:24ways.org/2005/swooshy-curly-quotes-without-images

再次尝试选择所有(Ctrl + A)页面.你可以看到所有的选择都是完美的栗色.没有默认的蓝色选择.只有部分未被选中,但没有默认的蓝色选择.如下面的截图所示:

http://i.stack.imgur.com/4o6ll.png

页面CSS？::selection { background-color: rgba(179, 45, 71, .75); color: #fff; }.与第一页的唯一区别是它使用RGBA而不是十六进制代码.我认为它没有任何区别 - 它本质上是相同的代码.

现在让我惊讶的是什么.

为什么在第一页上默认的蓝色选择仍然存在,但它不会在第二页上持续存在？而且,如何使它像第二页一样完美？