0

Ist es möglich, die Schriftgröße des Suchfeldes in Bootstrap select zu ändern?Bootstrap selectpicker Suchfeld Schriftgröße

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<select class="selectpicker" data-live-search="true"> 
 
    <option>Option 1</option> 
 
    <option>Option 2</option> 
 
</select>

enter image description here

+0

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_form_select&stacked=h. Überprüfen Sie diesen Link, wenn es Ihnen –

+0

.selectpicker {font-size: 12px! wichtig; } das wird funktionieren –

Antwort

1

Bootstrap-Select erzeugt einige HTML für Sie, also das, was Sie wollen, ist das inspizieren HTML und schreiben Sie dann einige CSS, um die von der Bibliothek angegebenen Attribute zu überschreiben.

CSS:

.bs-searchbox > input { 
    font-size: 20px; 
} 

Dies sollte für Sie arbeiten. Hoffe das beantwortet deine Frage.

+0

Danke Mann. Das hat sehr geholfen. – Din

+0

Gern geschehen :) –

0

Meinst du so?

.selectpicker{ 
 
    font-size: 15px !important; 
 
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<select class="selectpicker" data-live-search="true"> 
 
    <option>Option 1</option> 
 
    <option>Option 2</option> 
 
</select>

0

Wenn Sie Bootstrap-Select verwenden, dann können Sie die folgenden CSS:

.filter-option { 
    font-size: 30px; 
} 
Verwandte Themen