为什么jQuery UI单选按钮之间会出现间隙？

Question

我正在使用jQuery主题单选按钮;

$(function() {
    $("#chart_switch").buttonset();
});

HTML：

<form>
    <div id="chart_switch">
        <input type="radio" id="pie" name="chart_type" value="pie" checked="checked" /><label for="pie">Pie</label>
        <input type="radio" id="bar" name="chart_type" value="bar" /><label for="bar">Bar</label>
    </div>
</form>

结果：

我不明白为什么两个选项之间出现差距。我使用的是Firefox 8.0，在Chrome（v15.0）中看起来也一样

Answer 1

花了一个小时研究并尝试解决这个问题的所有解决方案然后最终在SO上发布我的问题，确切地说，5分钟之后我发现我的jQuery需要更新...一旦我更新了它，它就会出现预期。< / p>

Answer 2

通过css从单选按钮中删除边距和填充，并使它们向左浮动 如果没有看到你申请的CSS，我就可以这么说。

Answer 3

我的机器看起来没问题（没有间隙）。它可能是您选择的UI主题。