Twitter bootstrap 在chrome和firefox中显示不同的分割按钮

Twitter bootstrap 在chrome和firefox中显示不同的分割按钮,twitter-bootstrap,Twitter Bootstrap,我有下面的拆分按钮,由 然而,尽管它在chrome中看起来还不错,但在firefox(10)中,按钮部分似乎有点错位。如果我把它转换成它看起来不错,但那不是我想要的。有什么线索吗?我刚从bootstrap的人那里得到消息(https://github.com/twitter/bootstrap/issues/2134)看来他们还在研究这个问题和类似的问题。他们建议使用按钮元素(这不适合我,但无论如何) 未来注意:这是针对bootstrap 2.0版的,不确定这是否是同一个问题,但在ASP.NE

我有下面的拆分按钮,由


然而,尽管它在chrome中看起来还不错,但在firefox(10)中,按钮部分似乎有点错位。如果我把它转换成它看起来不错,但那不是我想要的。有什么线索吗?

我刚从bootstrap的人那里得到消息(https://github.com/twitter/bootstrap/issues/2134)看来他们还在研究这个问题和类似的问题。他们建议使用按钮元素(这不适合我,但无论如何)


未来注意:这是针对bootstrap 2.0版的,不确定这是否是同一个问题,但在ASP.NET中使用bootstrap时,我发现按钮的左侧颜色不好,在FF中尤其糟糕,但在Chrome和IE中则不太好


如果添加左边框:#0074cc 1px实心btn primary的样式,它消失了,
1px
边框小到不明显。

我给了它一个镜头,并且尽可能接近我所能,样式表使用
line height
属性来控制元素的高度。在Chrome上,这适用于
输入
元素,而在Firefox中则不然,在Firefox中,按钮太低了两个像素。不知道为什么。