BootstrapのCombobox Carrotアイコンのサイズを変更してください

Question

私はブートストラップ3フレームワークを使って簡単なフォームを作成しました。今度は、選択ボックスからコンボボックスのニンジンアイコン（図に示されています）のサイズを増やしたいと思います。

ここでは、私はこれを変更することができますどのように私のコード

<div class="col-sm-6"> 
    <select class="form-control input-lg" id=""> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
    </select> 
</div> 

のですか？

Answer 1

使用次のCSSプロパティ：

select { 
     -webkit-appearance: none; 
     -moz-appearance: none; 
     appearance: none; 
     /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
     background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */ 
     background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */ 
    }