Question

Bootstrap在此jsFiddle Example的复选框周围包含一个矩形。我是否错误地使用了标记或是否有解决方法？

<form class="form-horizontal" role="form">
    <div class="form-group form-group-lg">
        <label for="cbLabel" class="col-sm-3 control-label">Label:</label>
        <div class="col-sm-3">
            <input type="checkbox" id="cbLabel" class="form-control" />
        </div>
    </div>
</form>

Answer 1

将自定义类添加到form-control元素（我的示例中为.fix）和一些自定义样式以覆盖Bootstrap的样式。

.fix {
 -webkit-box-shadow: none;
 box-shadow: none;
}

.fix:focus {
-webkit-box-shadow: none;
box-shadow: none;
}

HTML

<input type="checkbox" id="cbLabel" class="form-control fix">

示例：http://www.bootply.com/61qJqP5whr

为什么bootstrap在这个面板的复选框周围包含一个矩形框？

1 个答案: