如何禁用自舉切換器的標籤？

Question

我使用的引導切換：

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

而且我想在標籤寬度設置爲0，因爲我只是想看看ON和OFF，沒有之間的白色標籤。但是，如果我將標籤寬度設置爲0，則仍然可以看到白色標籤的某個像素。你知道一個詭計來改變這個嗎？歡迎任何幫助！

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

---

UPDATE：

<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 
}