Текст невидим на bootstrap 3 текст ввода

Question

У меня возникла проблема с вводом текста в форме с использованием bootstrap 3.0. Он отлично работает в хромированном и сафари, но имеет проблемы с firefox и IE.

Когда я наводил курсор на поле ввода, обычный синий светится на границе, но когда я нажимаю на него, я не вижу курсора и не вижу текст, который я набрал.

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> 

Answer 1

Попробуйте использовать

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