input文本输入框的文字居中处理





input测试



 

input文本居中测试

 
         
 

测试结论

 
       
  • "宋体"在行高的表现上,浏览器解析效果相当一致,除了那傻逼的IE6,用在表单文本输入框上亦是如此。使用arial则会出现兼容问题。
  •    
  • 非IE的标准浏览器,在对input文本输入框中的文字进行居中时,不必设置line-height。而chrome浏览器在遇到line-height声明时还会产生难看的输入提示线(位置和高度都不好看)。
  •    
  • 无论字体设置多大,使用什么字体族,IE6文本居中都会“出错”。一个好的解决方法是,对于IE6,把通用的line-height值增加一个像素,居中效果就相当完美了。
  •  

 

你可能感兴趣的:(css)