如何禁用引导开关的标签？

Question

我正在使用引导开关：

http://www.bootstrap-switch.org/examples.html

我想将标签宽度设置为0，因为我只想看到ON和OFF，而不是中间的白色标签。但是，如果我将标签宽度设置为0，那么白色标签的某些像素仍然是可见的。你知道改变这个的窍门吗？任何帮助都很高兴！

<input id="switch-labelWidth" type="checkbox" data-label-width="0">

​

​

更新：

   <link href="http://www.bootstrap-switch.org/docs/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://www.bootstrap-switch.org/docs/css/highlight.css" rel="stylesheet">
    <link href="http://www.bootstrap-switch.org/dist/css/bootstrap3/bootstrap-switch.css" rel="stylesheet">
    <link href="http://www.bootstrap-switch.org/docs/css/main.css" rel="stylesheet">

<input id="switch-labelWidth" type="checkbox" data-label-width="100">


   <script src="http://www.bootstrap-switch.org/docs/js/jquery.min.js"></script>
    <script src="http://www.bootstrap-switch.org/docs/js/bootstrap.min.js"></script>
    <script src="http://www.bootstrap-switch.org/docs/js/highlight.js"></script>
    <script src="http://www.bootstrap-switch.org/dist/js/bootstrap-switch.js"></script>
    <script src="http://www.bootstrap-switch.org/docs/js/main.js"></script>

Answer 1

我不认为您可以使用插件选项来完成它，但是您可以使用一些CSS技巧：

.bootstrap-switch-label {
    width: 0px ;
    padding: 0px ;
}

.bootstrap-switch-wrapper {
    width: 55px ; // You may need to change this if you do not use the "normal" size
}