css - chrome上的按钮之间的间隙

Question

我正在使用引导程序创建一个 btn 组，充当单选按钮（javascript 组件）。

这在 Firefox 中看起来很棒，但在 chrome 中存在差距：

这是一个错误还是我在某处有一些额外的标记？

HTML 代码：

        <div id="loadOptions">
            <div class="btn-group" data-toggle="buttons-radio">
                <button type="button" value="0" class="btn btn-primary" data-toggle="button">All hashtags</button>
                <button type="button" value="1" class="btn btn-primary" data-toggle="button" id="any">Any hashtag</button>
            </div>
        </div>

Answer 1

我能够通过以下方式解决问题：

button
{
    margin: 0;
}

Answer 2

只是不要按 enter 并将第二个按钮标签放在第一个按钮标签的前面，间隙会消失：

<div id="loadOptions">
    <div class="btn-group" data-toggle="buttons-radio">
        <button type="button" value="0" class="btn btn-primary" data-toggle="button">All hashtags</button><button type="button" value="1" class="btn btn-primary" data-toggle="button" id="any">Any hashtag</button>
    </div>
</div>