類CSS與jQuery不appliyed

Question

我有一個簡單的Twitter的自舉3輸入文本：

<input type="text" class="form-control" placeholder="Search for..."> 

使用jQuery我添加（hasError）班把邊框顏色有紅色，這是hasError類：

.hasError{ 
    border-color: #a94442; 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; 
} 

該課程是增加，但它沒有appliyed，我認爲類（form-control）有更多的優先考慮..我該如何解決這個問題？

Answer 1

這聽起來像它可能是CSS specificity問題。如果這是你自己的風格規則，嘗試將其更改爲以下：

input.form-control.hasError { 
    border-color: #a94442; 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; 
} 

如果您使用的是內置自舉造型，你需要把有錯誤的類適用於父元素的錯誤造型才能生效。

Answer 2

固定的jsfiddle：https://jsfiddle.net/z824m656/4/

我改變你的jQuery來：

$('#yourInput').addClass('hasError'); 

，並添加了idyourInput，好了，你的輸入。現在它可以工作。