.css jQuery的bordercolor混亂的CSS輸入：焦點設置

Question

有一個jQuery嚮導誰可能偶然發現這個問題。

例如，當我使用border-left-color爲使用jquery的輸入元素設置顏色，並且當此輸入元素在css文件中有input:focus{ border-color: somecolor; }時，jquery破壞了input：focus設置。當輸入獲得焦點時，它保持我使用jQuery設置的顏色。

這是一個錯誤？

如果沒有，我怎樣才能防止這種情況發生？ :)

Answer 1

的jQuery .css比你的CSS文件中定義的強大，因爲它增加了內嵌樣式。

您應該添加!important到:focus CSS定義。

Live DEMO

當使用的CSS（）作爲二傳手，jQuery的修改元素的樣式屬性。
例如，$（'＃mydiv'）.css（'color'，'green'）相當於document.getElementById（'mydiv'）。style.color ='green'。

.css docs