Выравнивание выпадающего списка центра выравнивания

Question

У меня есть простой список вниз, который отображает пять различных игровых консолей. Можно ли центрировать выравнивание текста? Я пробовал центрировать его, но это не помогает.

HTML

<select class="consoles"> 
    <option value="0">Xbox One</option> 
    <option value="1">Playstation 4</option> 
    <option value="2">PC</option> 
    <option value="3">Nintendo Wii</option> 
</select> 

CSS

.consoles { 
    width: 120px; 
    height: 37px; 
    text-align:center 
} 

Answer 1

попробовать это .consoles {width: 120px; height: 37px; padding-left:10px;}

вы можете настроить заполнение налево, чтобы удовлетворить ваши потребности. http://jsfiddle.net/PawelK/CN8mr/

Answer 2

Боюсь, это невозможно с простой CSS, и будет невозможно сделать полностью кросс-совместимый браузер.

Answer 3

Ссылка this StackOverflow question, это невозможно с помощью простого CSS. Однако вы можете использовать плагин jQuery для создания выпадающего списка. Когда страница загружается, плагин преобразует элемент select в элементы span на лету.