부트 스트랩에서 텍스트가 보이지 않습니다. 3 입력 텍스트

Question

부트 스트랩 3.0을 사용하여 양식 텍스트 입력에 문제가 있습니다. 그것은 크롬과 사파리에서 잘 작동하지만 파이어 폭스와 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