コンボボックスのドロップダウンボタンのアラインメントを変更するにはどうすればいいですか？

Question

デフォルトでは、コンボボックスのドロップダウンボタンが右側に表示されます。 私はそれを中央に置く必要があります。それ、どうやったら出来るの？ ウィジェットに沿ってx座標の位置を変更する可能性はありますか？

あなたは background-position-xポジショニングそれ今まであなたが望む、左、右、あるいは途中で、代わりに矢印の画像を示すのトリックを使用することができます

Answer 1

：

select{ 
 
     width: 268px; 
 
     padding: 5px; 
 
     font-size: 16px; 
 
     line-height: 1; 
 
     border: 0; 
 
     border-radius: 5px; 
 
     height: 34px; 
 
     padding-left:40px; 
 
     background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ddd; 
 
     -webkit-appearance: none; 
 
     background-position-x: 14px; // use this to scale 
 
    }

<select> 
 
    <option value="1">Option 1</option> 
 
    <option value="2">Option 2</option>   
 
</select>