2016-05-08 249 views
0

enter image description here更改文本框的高亮顏色

我想更改引導文本框的高亮顏色。可能嗎?我使用引導到我的登錄表單。即時通訊新的HTML和CSS,也引導。請給我一個關於如何去做的線索。

+1

是的,這是非常可能的,只需編寫一個覆蓋默認引導程序樣式的CSS規則 –

+0

但我不知道我會覆蓋哪個元素。 –

+1

使用您的瀏覽器檢查器查看應用於該元素的規則,然後更改':focus'僞類以適合您的需要。如果您只想更改某些元素的主題,請使用類 –

回答

1

當我點擊瀏覽器中的引導輸入時,右鍵單擊,選擇「Inspect Element ...」,在右邊我看到CSS的「規則」或「樣式」。其中之一是:

.form-control:focus { 
    border-color: #66afe9; 
    outline: 0; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); 
} 

顏色(包括十六進制#66afe9和RGBA(102175233 .6))中有什麼讓藍色的,所以你需要改變這些值(雖然我不知道引導程序是否足夠了解您是否可能預處理了CSS,因此會更改某些變量值而不是純CSS)。