關閉引導突出顯示驗證

我正在使用jquery和twitter bootstrap進行佈局。當我嘗試設置輸入字段類型爲「電子郵件」，使其更容易被填充從移動設備 - 場得到亮點：關閉引導突出顯示驗證

enter image description here
的問題是，我怎樣才能把它關掉？

2013-07-23 0x49D1

你有沒有添加到站點和KEYUP驗證jQuery的驗證插件啓用 –

沒有jQuery驗證 – 0x49D1

這並不是說這樣做是jQuery驗證......這是建立在驗證輸入類型的電子郵件瀏覽器。 Bootstrap利用CSS中的內置驗證，它會一直保持紅色，直到輸入有效的電子郵件 – ekhaled

我不知道你是否正在直接編輯0，或在LESS版本工作，
然而，對於高亮顯示了的該位的代碼是在這裏： https://github.com/twitter/bootstrap/blob/master/less/forms.less#L369

如果您正在編輯直接CSS ，尋找在CSS的代碼塊： CSS Code

來源

2013-07-23 09:17:18 ekhaled

謝謝輸入：重點：無效{ color：＃333; border-color：rgba（82，168，236，0.8）; } 輸入：焦點：無效：焦點， textarea的：焦點：無效：焦點，選擇：焦點：無效：焦點{ 邊框顏色：RGBA（82，168，236，0.8）; -webkit-box-shadow：inset 0 1px 1px rgba（0,0,0,0.075），0 0 8px rgba（82，168，236，0.6）; -moz-box-shadow：inset 0 1px 1px rgba（0,0,0,0,075），0 0 8px rgba（82，168，236，0.6）; box-shadow：inset 0 1px 1px rgba（0，0，0，0.075），0 0 8px rgba（82，168，236，0.6）; }'幫助 – 0x49D1

或者你可以從css中刪除該塊:-) – ekhaled

我並沒有改變bootstrap的css。我曾壓制過它。 – 0x49D1

力與內嵌樣式的CSS

<input type="text" style="border-color:#ccc;color:#333"/>

您可以看到該輸入上帶有檢查元素的其他選項。

來源

2013-07-23 09:30:17 emaniacs

試試這個：第一個去掉藍色輪廓，第二個去掉紅色輪廓。

input[type="text"], textarea { 
    outline: none; 
    box-shadow:none !important; 
    border:1px solid #ccc !important; 
} 
input:focus:invalid { 
    outline: none; 
    box-shadow:none !important; 
    border:1px solid #ccc !important; 
}

來源

2014-10-31 14:44:43 user2414000

關閉引導突出顯示驗證

回答

相關問題