首页 新闻 会员 周边

请问如何设置select中option的行间距?

0
悬赏园豆:200 [已关闭问题] 关闭于 2011-07-15 22:38

我想让option之间的间距隔开一点饿!希望那个高手能帮我解决,谢谢哈!

sunboyone的主页 sunboyone | 初学一级 | 园豆:200
提问于:2011-07-11 22:04
< >
分享
所有回答(7)
0

select option{

line-height:30px;

height:30px;

margin:5px auto;

}

聂微东 | 园豆:220 (菜鸟二级) | 2011-07-11 22:34
不行哈!你能弄一个例子吗?
支持(0) 反对(0) sunboyone | 园豆:200 (初学一级) | 2011-07-11 22:42
0

<style>

select option{

line-height:30px;

height:30px;

margin:5px auto;

}

 

</style>

<select>

<option>阿斯顿飞</option>

<option>阿斯顿飞</option>

<option>阿斯顿飞</option>

</select>

慧☆星 | 园豆:5640 (大侠五级) | 2011-07-12 12:34
1

1.很土的办法:加一个空行,哈哈

<option></option>

<option>value1</option>

<option></option>

<option>value2</option>

2.如果想改善下拉的效果,建议试试EXTJS

 

PS:最好把原始要求拿出来,可能不一定加大间距而有别的解决办法。

lightwalker | 园豆:14 (初学一级) | 2011-07-12 14:13
1

如果一定要这样的效果,只能用div,ul li 或者其他HTML标签模拟select效果。

option的height,margin,padding都改不了,最多只能改颜色。

google搜索 select美化 也许能找到解决方法

readonly | 园豆:406 (菜鸟二级) | 2011-07-13 11:41
1

真想实现那个效果 css 基本办不到,自己写个 用div+css

shrimp liao | 园豆:135 (初学一级) | 2011-07-14 09:06
1

select option行距就真没办法调吗?

ikoogle | 园豆:202 (菜鸟二级) | 2012-04-30 21:18
1

我找到一个方法了,你可以设置字体大小,font-size:14px;试试,如果不行再加大

Seaurl | 园豆:5 (初学一级) | 2013-11-05 10:50
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册