.css jquery bordercolor混乱与css输入:焦点设置

时间:2012-06-18 02:39:20

标签: javascript jquery css input focus

对于一些可能偶然发现的jQuery向导有疑问。

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

这是一个错误吗?

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

1 个答案:

答案 0 :(得分:3)

jQuery .css强于CSS文件中的定义,因为它添加了内联样式。

您应该将!important添加到:focus css定义。

Live DEMO

  

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

.css docs