更改bootstrap-選擇元素寬度和刪除邊框

我已經成功地爲香草bootstrap，selectize等創建了css文件。但是現在我正在嘗試修改Bootstrap-select的默認css。具體來說，我想更改bootstrap-選擇元素寬度和刪除邊框

的因素去掉，
更改元素的寬度的邊框，使其適合與給定的寬度

至於現在，第二列的列由於某種原因與第一列重疊。如果您刪除th.zeon-fixed-narrow-column {width: 1.5em;}，此錯誤消失。這個想法是，我不想刪除它，我想要第一列一樣窄到1.5em！

這裏是我的jsFiddle

table { 
 
    table-layout: fixed; 
 
} 
 

 
th.zeon-fixed-narrow-column { 
 
\t width: 1.5em; 
 
} 
 

 
.zeon-selectpicker{ 
 
    border:none !important; 
 
    width: 1.5em; 
 
} 
 

 
.zeon-selectpicker:focus{ 
 
    background-color:red; 
 
}

table { 
 
    table-layout: fixed; 
 
} 
 

 
th.zeon-fixed-narrow-column { 
 
\t width: 1.5em; 
 
} 
 

 
.zeon-selectpicker{ 
 
    border:none !important; 
 
    width: 1.5em; 
 
} 
 

 
.zeon-selectpicker:focus{ 
 
    background-color:red; 
 
}

來源

2016-08-02 Edgar Navasardyan

由於文本對齊：左爲th。更改爲正確，它不會重疊。 –

沒有得到你的觀點 –

你是說輸入框重疊的文字，對不對？ –

如果我理解正確。你希望下拉的寬度等於你的表頭？

要做到這一點添加到您的CSS：

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ 
    width:100%; 
}

在默認情況下，上述引導選類具有的220px一個固定的寬度。你可以在這裏看到結果：JSFIDDLE。

如果這不是你想要的，請告訴我，我會盡力幫助你

來源

2016-08-02 14:23:09 Rotan075

輝煌。這次真是萬分感謝 –

更改bootstrap-選擇元素寬度和刪除邊框

回答

相關問題