有一个输入
<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 - 样式化输入类型=文本的选择颜色,可能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1599585/