jquery – 对输入类型=文本的选择颜色进行样式化,可能吗?

前端之家收集整理的这篇文章主要介绍了jquery – 对输入类型=文本的选择颜色进行样式化,可能吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有输入
<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

猜你在找的jQuery相关文章