Question

怎么用css设置select下拉框宽度

input.gray, textarea.gray{color:gray;}
select { border:1px solid; border-color: #A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0;}
/* style="width:50px" onFocus="this.style.width='auto'"onblur="this.style.width='50px'" onChange="this.style.width ='50px'"} */
.inputButton { float:left; display:block; overflow:hidden; text-indent:-1000px; width:16px; height:21px;}
.inputButton:hover { background-position:0 -50px;}
.inputDateButton { float:left; display:block; overflow:hidden; text-indent:-1000px; width:16px; height:21px; background-position:0 -100px;}
.inputDateButton:hover { background-position:0 -150px;}
在线等 ！！！ 谢谢！

Answer 1

下拉框的宽度不能单独设置，你可以用div+ul模拟一个下拉框 比较好控制

追问

具体怎么做啊 我是做后端的前端不懂啊

Answer 2

设置option的上下内边距即可，即padding-top和padding-bottom。

Answer 3

select 的宽度就决定下拉框的高度啦，width:px;这样不可以吗

追问

具体点啊 我是做后端的前端不懂啊

追答

你想要什么效果，可以截图给我看下吗

追问

是这样 犹豫现在项目中有好多网页都涉及到了 下拉框，但是下拉框由于里边的内容不同，导致宽度都不同，现在就是想让所有宽度都统一了。。。。。。