有输入
<input type="text" id="myTest" value="bla bla bla"/>
并做这个(使用jQuery)
$('#myTest').select();
使用默认的深蓝色选择颜色选择“bla bla bla”。
现在,有没有任何方式,我可以使用CSS改变这种颜色? css3可以改变选择使用例如
::-moz-selection { background: #ffb7b7; }
但这只适用于其他元素中的文本,而不适用于html输入。
有任何想法吗?
/ T
解决方法
为我工作在Firefox(最新版本),但它不工作在Webkit。这里是一个测试:
http://jsfiddle.net/Gp8Rr/
我在最新版本的Chrome,Safari和Firefox中测试了它,而Firefox是唯一可用的。也许是一个错误,或者Webkit不允许你风格的UI的那部分?
这里只是一个更新,进一步更详细。 :: selection是一个非标准的伪元素,这意味着即使most browsers support it你不能保证他们会继续这样做,或者新的浏览器会支持它。所以请继续使用它,但不要使你的网站的可用性。关于这个话题的更多在MDN。