分割按钮格式关闭取决于浏览器

时间:2013-12-22 19:35:55

标签: javascript jquery html css internet-explorer

我的页面上有一个jQuery splitbutton,我遇到了格式问题。根据我公司的设计标准,我基本上将链接转换为按钮。一切正常,功能完善,但根据您使用的浏览器(我正在使用IE和Chrome进行测试),分割按钮的右侧比主按钮略长。

我认为我的问题出在这个CSS类中:

.default_button.medium_toggle {padding: 14px 5px 10px;}

如果我将10px更改为9px,则可以在IE中使用。它的方式,它适用于Chrome。 (旁注,在Chrome中,如果放大页面,它就会关闭,但我并不太关心)

有什么建议吗?我的所有代码都在jsfiddle.net/lwisdom43/6ErCs/3/。我把它放在这里是因为我不想在这篇文章中复制这两个按钮的所有CSS。同样,这完全基于公司设计标准。感谢您提供的任何帮助。

1 个答案:

答案 0 :(得分:1)

如果你在第二个a-tag中添加了一些文字,你会发现问题的根源实际上是另一个问题。

您在height中设置了width.default_button.dropdown_toggle,并在.default_button.medium_toggle中填充,但未在.default_button.medium_button中填充。

height移除width.default_button.dropdown_toggle并从.default_button.medium_toggle填充,它将具有相同的高度(如果您在{{1}中设置高度,它可能会有效}})