javascript - JQuery UI按钮的显示宽度不正确

创建使用JQuery-UI访问另一个页面（即链接）的按钮的常用方法如下：

<div id="hb">
    <form action="index.html"><input type="submit" value="Home" id="but_hb"></form>
</div>

为了设置宽度和布局，可以执行以下操作：

$('#but_hb').button().css({ width: 70 });
$('#hb').css({
    textAlign: 'center',
    width: 70,
    top:0,
    left:0,
    position:"absolute"
});

我的问题是：为什么显示的宽度只有68像素？如何解决呢？

有关问题的复制，请参见here。

最佳答案

在按钮上添加其他样式，您的OS（或可能是插件）正在为您设置样式。在CSS中添加background:"#f00"和border:"none"然后重新测量。

$('#hb').css({
    textAlign: 'center',
    width: 70,
    top:0,
    left:0,
    position:"absolute",
    background:"#f00",
    border:"none"
});