javascript - .css jquery 边框颜色与 css 输入混淆：焦点设置

Question

向一些可能偶然发现此问题的 jQuery 向导提出问题。

例如，当我使用border-left-color 为使用jquery 的输入元素设置颜色时，当此输入元素input:focus{ border-color: somecolor; }在css 文件中时，jquery 会破坏input:focus 设置。当输入获得焦点时，它会保持我使用 jQuery 设置的颜色。

这是一个错误吗？

如果没有，我该如何防止这种情况发生？:)

Answer 1

jQuery.css比 CSS 文件中的定义更强大，因为它添加了内联样式。

您应该添加!important到:focuscss 定义中。

现场演示

当使用 .css() 作为 setter 时，jQuery 会修改元素的 style 属性。
例如，$('#mydiv').css('color', 'green')等价于document.getElementById('mydiv').style.color = 'green'。

.css文档