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

标签 jquery html css selection

有一个输入

<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/

相关文章:

javascript - 使用 javascript 更改 HTML 按钮的值

css - 悬停时暂停 WebKit 动画

html - "overwrite" Bootstrap 颜色的正确方法是什么? (以及可选的其他 CSS 选择器)

javascript - 无法在 div 中加载内容

jquery - div的定时显示

Jquery 移动 $.mobile.silentScroll

jQuery removeClass 持续时间不起作用?

javascript - 鼠标悬停 react 在元素底部效果不佳

javascript - RexExp 传递变量

html - 向图标添加替代文本