Wie ändert man die Ausrichtung der Combobox Dropdown-Taste?

Question

Standardmäßig befindet sich die Dropdown-Schaltfläche der Combobox auf der rechten Seite. Ich muss es direkt in der Mitte platzieren. Wie mache ich das? Gibt es eine Möglichkeit, die x-Koordinatenposition entlang des Widgets zu ändern?

Answer 1

Sie einen Trick zeigt ein Bild anstelle des Pfeils verwenden können, mit background-position-x Positionierung es, wo immer Sie wollen, links, rechts oder sogar Mitte:

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>