Bootstrap对话框复选框选择背景区域中的结果

Question

我正在使用Twitter Bootstrap 3.3.5并使用模态对话框。我有一个模态对话框，其中有一个带标签的输入复选框。

当我尝试通过单击标签检查复选框时，会选中复选框，但也会选中背景区域。

试试这里。 http://www.bootply.com/6ARha6pomY。打开对话框，然后点击“全选”按钮。标签很快（可能双击）。您将看到背景区域被选为＆＃39;蓝色＆＃39;。

如果可能的话，如何在不使用javascript的情况下阻止背景选择。

感谢。

Answer 1

您可以使用user-select：

<div class="modal fade prevent-select" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

将上面的CSS类添加到模态：

{{1}}

forked bootply - ＆gt;的 http://www.bootply.com/xpsyZddUiI