标签: javascript jquery css input focus
对于一些可能偶然发现的jQuery向导有疑问。
当我使用border-left-color时,例如,使用jquery为输入元素设置颜色,当此输入元素在css文件中有input:focus{ border-color: somecolor; }时,jquery会破坏input:focus设置。当输入获得焦点时,它保持我使用jQuery设置的颜色。
input:focus{ border-color: somecolor; }
这是一个错误吗?
如果没有,我该如何防止这种情况发生? :)
答案 0 :(得分:3)
jQuery .css强于CSS文件中的定义,因为它添加了内联样式。
.css
您应该将!important添加到:focus css定义。
!important
:focus
Live DEMO
当使用.css()作为setter时,jQuery会修改元素的样式属性 例如, $('#mydiv')。css('color','green')相当于 document.getElementById('mydiv')。style.color ='green' 即可。
.css docs