【问题标题】：.css jquery bordercolor messes with css input:focus setting.css jquery 边框颜色与 css 输入混淆：焦点设置
【发布时间】：2012-06-18 02:39:20
【问题描述】：
向一些可能偶然发现此问题的 jQuery 向导提出问题。
例如，当我使用border-left-color 为使用jquery 的输入元素设置颜色时，并且当此输入元素在css 文件中具有input:focus{ border-color: somecolor; } 时，jquery 会破坏input:focus 设置。当输入获得焦点时，它会保持我使用 jQuery 设置的颜色。
这是一个错误吗？
如果没有，我该如何防止这种情况发生？ :)
【问题讨论】：
标签：
javascript
jquery
css
input
focus
【解决方案1】：
jQuery .css 比 CSS 文件中的定义更强大，因为它添加了内联样式。
您应该将!important 添加到:focus css 定义中。
Live DEMO
当使用 .css() 作为 setter 时，jQuery 会修改元素的样式属性。
例如，$('#mydiv').css('color', 'green') 等价于 document.getElementById('mydiv').style.color = 'green' 。
.css docs