положить высоту строки в поле выбора - PullRequest
Новая
       19

положить высоту строки в поле выбора

2 голосов
/ 04 августа 2011

как складывается line-height: 40px; для option в select box? 

<select class="select_box">
    <option value="" disabled="disabled" style="display: none;">Categories</option>
    <option>10</option>
    <option>25</option>
    <option>50</option>
    <option>100</option>
    <option>all</option>
</select>

Ответы [ 3 ]

1 голос
/ 04 августа 2011

Попробуйте: 

.select_box{font-size:12px;padding:14px;}

Демо: http://jsfiddle.net/dk9p2/

Или вы можете изменить размер шрифта: 

.select_box{font-size:30px;}

Дополнительные параметры здесь.

Примечание Все зависит от браузера.Предыдущее не работает в

или с jQuery: ссылка

ОБНОВЛЕНИЕ: Немного больше можно достичь с помощью только CSS:1024 *http://jsfiddle.net/dk9p2/1/

0 голосов
/ 16 июля 2015 

<html>
 <head>
  <style>
   option {font-size: 40px;}
  </style>
 </head>
 <body>
  <select>
   <option>Internet Explorer 11</option>
   <option>Mozilla Firefox 38.0.5</option>
   <option>Opera 30.0.1835.125</option>
   <option>Google Chrome 43.0.2357.81 dev-m</option>
  </select>
 </body>
</html>
0 голосов
/ 04 августа 2011

Невозможно изменить список выбора таким способом. Вы можете добавить отступы, но это не надежно в различных браузерах. Чтобы надежно изменить внешний вид списка выбора, вам необходимо использовать JavaScript.

Вот один из методов: http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...