0

ブートストラップセレクトの検索ボックスのフォントサイズを変更することはできますか?ブートストラップセレクトピッカー検索ボックスのフォントサイズ

<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。それがあなたに役立つならこのリンクをチェックしてください –

+0

.selectpicker {font-size:12px!重要; }これは動作します –

答えて

1

Bootstrap-SelectをあなたのためにいくつかのHTMLを生成しますので、あなたが望む事は検査することですHTMLを作成し、ライブラリで指定された属性をオーバーライドするCSSを記述します。

CSS:

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

これはあなたのために働く必要があります。希望があなたの質問に答えることを望みます。

+0

ダンケ男。これは多くの助けとなりました。 – Din

+0

あなたは歓迎です:) –

0

あなたはこのように意味しますか?

.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

あなたがBootstrap-Selectを使用している場合は、次のCSSを使用することができます

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