如何使jquery-ui按钮对于不同的浏览器具有相同的大小

时间:2012-10-07 11:20:45

标签: jquery jquery-ui hyperlink jquery-ui-button

我有按钮的jquery ui代码如下。我希望这些系列按钮适合相同的尺寸(810px)。它们看起来与firefox和chrome大小相同,但它们在IE中看起来更小。我尝试更改字体大小和固定宽度,但它没有解决问题。谁知道怎么修它?谢谢。

<script>
    $(function() {
        $( "#link" ).buttonset();

    });
</script>
<style>
#link{
   font-size: .74em !important;
   width: 810px;
   border: 1px solid #333;
}
</style>

<div id="link">
<a href="abc.php">ABC</a>
       <a href="efg.php" target="content">EFG</a>
</div>

1 个答案:

答案 0 :(得分:0)

在加载页面上的任何其他css文件之前使用css重置以标准化浏览器。您看到的是,不同的浏览器对各种属性(如字体系列和字体大小)使用不同的默认值。

jQuery UI css系统主要使用em大小调整,因此无论字体大小默认值是什么,字体大小,边距,填充等都是基于