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

时间:2015-08-13 08:22:24

标签: twitter-bootstrap-3

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

enter image description here

在野生动物园:

enter image description here

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>

1 个答案:

答案 0 :(得分:0)

据我所知,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