2016-07-30 17 views
0

在bootstrap-select中給出的示例通過向每個選擇添加一個tickicon來工作。我將如何覆蓋此功能,以便突出顯示我的選擇,而不是添加tickicon?我試着將data-show-tick設置爲false,但這似乎不適用於多選。如何在引導程序選擇中覆蓋tickIcon多重選擇並更改爲突出顯示選擇?

我不知道該去哪裏。希望建議。

<select class="selectpicker" multiple> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
</select> 

回答

0

我已經通過用CSS隱藏刻度圖標來解決這個問題。

對於這一點,你可以用在自己的CSS文件中的以下CSS規則(原自舉select.css文件後聲明):

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { display: none !important; } 

或者你可以改變bootstrap-的原始規則select.css文件更改爲:

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: none; right: 15px; margin-top: 5px; }