FoxLing - 前端开发 » input http://foxling.org 不积跬步 无以至千里 Sat, 19 Nov 2011 16:29:12 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 关于输入框input文字垂直居中的问题 http://foxling.org/html-css-xml/input-line-height/ http://foxling.org/html-css-xml/input-line-height/#comments Sun, 22 Jun 2008 11:35:26 +0000 FoxLing http://wp.foxling.cn/as-flex-air/input-line-height/ Demo地址：/examples/input-line-height.html

在默认值的情况下，FireFox的默认文字好像较小，所以，尽量在全局设置时，定义一下各元素的文字大小。

.demo1 { line-height:25px; font-size:14px;}

设置了line-height后，FireFox没有什么问题，但IE高没有变化，里面的line-height变动了，貌似是overflow:hidden的效果。~~

.demo2 { line-height:25px; height:25px; font-size:14px;}

行高和高一起设置，FireFox不支持在input使用line-height

.demo3 { height:19px; font-size:14px; padding:6px 0 0 0;}

最后用padding的方法，解决问题，padding-top=(height-font-size)/2

或许有更好的解决方法，望牛人告知。

]]> http://foxling.org/html-css-xml/input-line-height/feed/ 0