单选按钮和复选框的样式不正确

Question

我正在为一个项目使用bootstrap但是我注意到单选按钮没有以正确的方式设置。它们在safari中看起来没问题，但在chrome中没有用

在野生动物园：

HTML CODE：

<div class="col-md-6">
                    <div class="checkbox">
                        <label><input type="checkbox" value="">  Particulieren (residentieel)</label>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox" value="">Bedrijven (commercieel)</label>
                    </div>
                </div>

Answer 1

据我所知，bootstrap 3没有样式复选框。您看到的差异来自不同浏览器选择显示其表单控件的方式。

要测试这个理论，请查看不同浏览器中的bootstrap表单组件doc。

http://getbootstrap.com/css/#forms

有多种方法可以设置复选框的样式，使它们在浏览器中看起来相同。以下是一些资源：

插件：https://github.com/flatlogic/awesome-bootstrap-checkbox (demo)

教程：https://webdesign.tutsplus.com/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons--webdesign-8953