Отображение текста в центре выпадающего списка

0

Вот мой http://jsfiddle.net/JvC9v/4/

Нажмите http://jsfiddle.net/JvC9v/4/show, чтобы увидеть его на полной странице. Я пытаюсь отобразить текст между <option> </option> в центре выпадающего списка. т.е. я хочу, чтобы текст "Пункт 1" появлялся в центре.

Я попробовал это с кодом

option {
text-align: center;
}

Мне не удалось. Может ли кто-нибудь предложить мне, как добиться того же.

  • 0
    Насколько мне известно, это не было бы возможно в чистом CSS ... вы довольно ограничены, когда дело доходит до стилизации блоков select ... вы можете сделать это, хотя .. jsfiddle.net/MHUYA
  • 0
    @JoshC вторая скрипка вроде хака. текст внутри поля опции может быть маленьким. в этом случае это не будет хорошо выглядеть. я ищу что-то вроде text-align: center, которое может заставить любой текст появляться в точном центре
Показать ещё 1 комментарий
Теги:

4 ответа

1

Если я понял вас правильно, это то, чего вы пытаетесь достичь? См. Рабочий пример здесь.

select {
     width: 100%;
     text-align: center;
     padding-left: 50%;
}
Поделиться
  • 0
    это не в точном центре
  • 0
    Да, и это зависит от разных браузеров. Но я думаю, что это далеко, как вы можете пойти без хаков / пользовательских выпадающих и т. Д.
0

попробуйте это в своем c

select{ text-align-last:center;}

это центрирует весь текст в раскрывающемся списке до центра. но я боюсь, что он работает только с браузером Chrome.

Поделиться
-1 
select {
  text-align: center;
}
Поделиться
-2 
enter code here**strong text**<select  >
<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--Drop Down Menu--</option>
<option>Option one</option>
<option>Option Two</option>
<option>Option Three</option>

Поделиться
  • 0
    Это не будет работать во всех случаях, например, для разных представлений (мобильный, планшетный ПК, рабочий стол) ... вам следует использовать стили CSS, если вы хотите, чтобы это было красиво

Ещё вопросы

Сообщество Overcoder
Наверх
Меню