爲什麼我的文本框的邊框顏色不會增長？

我有一個如下的文本框。爲什麼我的文本框的邊框顏色不會增長？

<div class="form-group"> 
        <label for="passwordr">Repeat Password</label> 
        <input type="password" class="form-control" required="" name="passwordr" value=""> 
        <span class="help-block">Type the password again. Passwords must match.</span> 


    </div>

我期待有一個用戶點擊文本框時發光顏色的文本框。

但現在不會發生。請參閱here。

我有另一個設置，它的作品here。

我覺得差不多。

第二個圓角和光線增長。爲什麼第一個沒有圓角並且光線不會發光？

編輯：

來源

2016-03-05 batuman

你鏈接的任何例子都沒有帶圓角的輸入。 –

@AndyRay，我的瀏覽器可以看到不同之處。一個有直角。另一個有點圓。讓我從另一臺電腦上檢查。 – batuman

@AndyRay你注意到一個人的顏色越來越大，另一個人沒有？ – batuman

!imporant的申請css有力和效果相同的引導。

.form-control:focus{ 
box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important; 
    border: 1px solid rgba(81, 203, 238, 1) !important; 

}

Working Fiddle

來源

2016-03-05 04:58:39

我已編輯添加。我不是那種顏色。當用戶點擊文本框時，淺藍色的顏色就會打響。我認爲這是來自Bootstrap。我有兩頁。註冊頁面有這種效果。但登錄頁面沒有。我想知道爲什麼。不知何故，它不會在JSFiddle中發生。 – batuman

@batuman使用！重要 –

https://jsfiddle.net/apeqjdth/5/ –

如果你想輸入有一次選擇了不同的/特殊的外觀，使用：焦點CSS僞類。

一個簡單的例子：

#myInput:focus { 
    border: 1px solid red; 
}

PS。我假設你的意思是「發光」，而不是「增長」，並且肯定不是「打擊」:-)

來源

2016-03-05 04:58:39 JRS

對不起，它發光。 – batuman

爲什麼我的文本框的邊框顏色不會增長？

回答

相關問題