注册 登录
编程论坛 WEB前端(UI)

如何定义 select 标签中的 option 高度和每个 option 之间的间距

keefelu 发布于 2014-09-24 09:31, 23369 次点击
如题所示,怎样定义select中option的高度和每个option之间的间距,使得兼容每个浏览器,本人尝试过直接定义padding,height,line-height,但是都是无效,求教
16 回复
#2
外部三电铃2014-09-24 09:38
这个没法定义,不过可以用其他页面元素来模拟select,实现上有些复杂
#3
keefelu2014-09-24 10:02
回复 2 楼 外部三电铃
你说的是用div+ul进行模拟吗
#4
外部三电铃2014-09-24 10:02
以下是引用keefelu在2014-9-24 10:02:06的发言:

你说的是用div+ul进行模拟吗

是的
#5
keefelu2014-09-24 10:02
回复 2 楼 外部三电铃
那option没法定义???
#6
keefelu2014-09-24 10:04
回复 4 楼 外部三电铃
那看来option真的没法定义高度了,我问了好几个人都说好像没法定义
#7
外部三电铃2014-09-24 10:08
以下是引用keefelu在2014-9-24 10:04:05的发言:

那看来option真的没法定义高度了,我问了好几个人都说好像没法定义

没法定义的,如果不是做苹果这种苛刻追求完美的东西,没必要在这个控件的外观上过不去。能实现功能是最重要的。
#8
keefelu2014-09-24 10:09
回复 7 楼 外部三电铃
移动端的,就是和苹果有关
#9
外部三电铃2014-09-24 10:13
当年,我也在这个问题上纠结过,纠结的是option显示的个数,那还是在windows 98和XP时代,select最多显示11个option,再多了就会出现滚动条,我想让它显示20多个,因为后来屏幕越来越大,显示多了选择的时候方面,找遍了网络问遍了高手,就是解决不了(这个是操作系统决定的,html没法设置),好在现在的win7、win8都是显示20个了。

现在想想,当时的纠结是没必要的,虽然有时候不太完美,但毕竟能用,只要能解决用户的需求,用户并不会在这种细节上计较太多。
#10
外部三电铃2014-09-24 10:14
回复 8 楼 keefelu
那样只能用ul li去模拟了
#11
keefelu2014-09-24 10:16
回复 9 楼 外部三电铃
这打算用div+ul实现太纠结了。
#12
keefelu2014-09-24 10:16
回复 10 楼 外部三电铃
只能这样了
#13
外部三电铃2014-09-24 10:17
.

[ 本帖最后由 外部三电铃 于 2014-9-24 10:20 编辑 ]
#14
keefelu2014-09-24 10:19
回复 13 楼 外部三电铃
用微信看的不是用safari
#15
外部三电铃2014-09-24 10:20
回复 14 楼 keefelu
13楼是错误的,我已经编辑掉了,只能定义select的高度,没法定义option的高度
#16
keefelu2014-09-24 10:24
回复 15 楼 外部三电铃
尝试了,确实只能定义select高度,我是用chrome看的
#17
keefelu2014-09-24 10:27
回复 15 楼 外部三电铃
谢了,看来option没办法用了,我已改用div+ul实现了
1