文本在引導3輸入文本不可見

我使用引導3.0在我的表單文本輸入上遇到問題。它在Chrome和Safari瀏覽器中工作正常，但在Firefox和IE上遇到問題。文本在引導3輸入文本不可見

當我將鼠標懸停在輸入框上時，通常會在邊框上發出藍光，但是當我點擊它時，看不到光標並看不到我輸入的文本。

HTML

<div class="col-md-6"> 
    <div class="form-group"> 
     <label for="userEmailAdd">Email</label> 
     <input class="form-control" name="useremail" id="userEmailAdd" placeholder="enter your email address" type="email"> 
    </div> 
</div> 
<div class="col-md-6"> 
    <div class="form-group"> 
     <label for="userPassword">Password</label> 
     <input class="form-control" name="userpassword" id="userPassword" placeholder="enter your password" type="password"> 
    </div> 
</div>

來源

2013-12-22 andsien

請chwck你的CSS。爲Firefox瀏覽器使用'-moz' –

@Sameer - 我認爲這些boostrap類沒有css3樣式。 – andsien

創建一個JSfiddle，所以我們可以看到一個例子 – Derek

嘗試使用

input[type="text"] { 
     -moz-box-sizing: border-box; 
     font-size: 16px; 
     height: 100%; 
     padding: 20px; 
     width: 100%; 
    }  
input[type="email"] { 
     -moz-box-sizing: border-box; 
     font-size: 16px; 
     height: 100%; 
     padding: 20px; 
     width: 100%; 
    } 
input[type="password"] { 
     -moz-box-sizing: border-box; 
     font-size: 16px; 
     height: 100%; 
     padding: 20px; 
     width: 100%; 
    }

參考：Box sizing on inputs in firefox hides text

來源

2016-03-01 15:22:29 fvlgnn

文本在引導3輸入文本不可見

回答

相關問題