选择框中的行高

问题描述 投票：2回答：3

如何将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>
javascript jquery css css3 styles
3个回答
1
投票

尝试一下：

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

演示：http://jsfiddle.net/dk9p2/

或者您可以更改字体大小：

.select_box{font-size:30px;}

更多选项here。

注完全取决于浏览器。前一个在中不起作用

UPDATE：仅通过css可以实现更多：http://jsfiddle.net/dk9p2/1/

0
投票

无法以这种方式更改选择列表。您可以添加填充，但是在各种浏览器中它并不可靠。要可靠地更改选择列表的外观，您需要使用javascript。

这里是一种方法：http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

-1
投票

<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>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.