Wie überschreibe ich das TickIcon für mehrere Auswahlen in der Bootstrap-Auswahl und ändere stattdessen, um die Auswahlen zu markieren?

Question

Das in bootstrap-select angegebene Beispiel funktioniert, indem jeder Auswahl ein Tickicon hinzugefügt wird. Wie würde ich diese Funktion außer Kraft setzen, damit ich meine Auswahl markieren kann, anstatt ein Tickicon hinzuzufügen? Ich habe versucht, Data-Show-Tick auf false, aber das scheint nicht für mehrere Auswahlen funktionieren.

Ich bin mir nicht sicher wohin. Würde mich über Ratschläge freuen.

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

Answer 1

Ich habe dies gelöst, indem ich die Tick-Icons mit CSS versteckt habe.

Dazu können Sie die folgende CSS-Regel in Ihrer eigenen CSS-Datei (deklarierte nach der ursprünglichen Bootstrap-select.css-Datei) verwenden:

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

Oder Sie können die ursprüngliche Regel des bootstrap- ändern select.css-Datei, indem Sie sie ändern für:

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