Opera和Firefox中显示文本框的问题

Question

对于Opera和Firefox，我需要你的文本框占位符显示方面的帮助。  当我在框中输入时，字母不会完全显示。 Google Chrome中不会出现这种情况。

目前看起来像这样

图片

CSS

.Input_Text { 
border:    none !; 
outline:    none;    
font-size:  15px;
margin:   5px 5px 5px 0px;
width:    195px;
height:    5px;
color:      black;
opacity:     0.6;
padding:    10px 10px;   
border-radius:  5px;  
font-family:  lucida grande;
margin-bottom: 5px;
 }

Answer 1

高度正在弄乱代码。您可以使用padding属性设置它。

Answer 2

height: 5px; - 这一定是你的罪魁祸首!!! ..

尝试15px / 20px或更多..

Answer 3

调整高度

.Input_Text { 
    border:    none !; 
    outline:    none;    
    font-size:  15px;
    margin:   5px 5px 5px 0px;
    width:    195px;
    height:    10px;
    color:      black;
    opacity:     0.6;
    padding:    10px 10px;   
    border-radius:  5px;  
    font-family:  lucida grande;
    margin-bottom: 5px;
}​

DEMO