Comments on: Firefox Input Button Line-Height Bug

By: LOO2K

LOO2K — Mon, 05 Sep 2011 03:05:41 +0000

或许代码应该这样写以兼容其他的浏览器
input#button {
border: 2px solid #06f;
color: #06f;
background-color: #6cf;
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 15px;
padding: 18px 6px;
}
把所有浏览器的行高都设置成 15px 然后用 padding 控制会好一点吧
但是，如果整个 input 或者 button 的高度需要小于 15 px 该怎么解决呢 = =、

By: Авторс

Авторс — Sun, 30 Jan 2011 15:02:30 +0000

Ti spizdil kontent, suka!

By: bolo

bolo — Thu, 04 Mar 2010 04:04:09 +0000

@zwwooooo 会处理就行了，哈哈 @Y.Jiajia 我想说的就是那个开发人员没有尝试对input进行重定义，一次浏览器都根据自己的默认属性进行渲染了

By: Y.Jiajia

Y.Jiajia — Wed, 03 Mar 2010 07:52:53 +0000

刚才又查了一下，应该是这样：line-height可以作用于block级时，是当block元素需要内部可以包含inline元素时。line-height作用于inline级元素时相当于“height”。但是在W3C里input的定义是：可以当作inline也可以当作block。这样说来，就比较有意思了。

By: zwwooooo

zwwooooo — Wed, 03 Mar 2010 06:56:50 +0000

我忘了怎么定义的了，老是遇到时才去处理

By: bolo

bolo — Wed, 03 Mar 2010 06:06:31 +0000

@Y.Jiajia 的确是，很多初学者搞不清一些标签的默认级别，结果有的重复定义了 @卢松松平时的开发中也会遇到这个问题的 @welee 这是没有办法的办法了 @A.shun 那就重写一下样式吧，这两个浏览器还是很好兼容的

By: 篮球博客

篮球博客 — Wed, 03 Mar 2010 01:23:58 +0000

这。。。我看不懂。。不过没想到你会研究这些哈

By: A.shun

A.shun — Tue, 02 Mar 2010 12:43:34 +0000

标准不一确实很苦恼。
我博客上的搜索框里面的文本，在FF和op下就位置不同。。吐血

By: welee

welee — Tue, 02 Mar 2010 12:28:45 +0000

我也是用 padding 来处理。

By: 卢松松

卢松松 — Tue, 02 Mar 2010 06:33:43 +0000

哥你研究是太细致了