我正在尝试使用 CSS 设置选择选项列表的样式。我希望列表的时间之间有更多的填充,因为它们似乎被压在一起。我尝试向选项元素添加填充,但这似乎不起作用。有任何想法吗?
这是我的代码
HTML
<select name="secondSelect[]" id='second' multiple='multiple' size='8' >
<option value="1" style="padding: 10px;">Option a 1</option>
<option value="2" SELECTED >Option b 2(sel)</option>
<option value="3">Option c 3</option>
<option value="4" SELECTED >Option d 4 (sel)</option>
<option value="5">Option e 5</option>
<option value="6">Option f 6</option>
<option value="7">Option g 7</option>
<option value="8">Option h 8</option>
<option value="9">Option i 9</option>
<option value="10" SELECTED >Option l 10 (sel)</option>
</select>
CSS
.ms2side__div select {
width: 220px;
float: left;
border: 1px solid #BFBFBF;
background: white;
font-size: 12px;
color: #9D9D9D;
font-family: Arial, Helvetica, sans-serif;
padding: 10px;
line-height: 25px;
}
http://jsfiddle.net/noscirre/GUdhc/ http://jsfiddle.net/noscirre/GUdhc/
你可以试试<optgroup>
tag:
<optgroup>
<option value="1">Option a 1</option>
</optgroup>
optgroup {
padding: 5px 0px
}
http://jsfiddle.net/GUdhc/5/ http://jsfiddle.net/GUdhc/5/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)