css中的select怎么控制高度？
4个回答
展开全部
css设置下拉列表select样式，首先需要获取到这个元素的id或者是class，然后在通过给这个元素设置它的width和height等等一些样式，具体的看代码:
<html>
<head>
<style>
.div1{
width:600px;
height:200px;
font-size:13px;
}
.div select{
width:200px;
}
.div select option{
width:150px;
height:30px;
}
</head>
<body>
<div class='div1'>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</div>
</body>
</html>
<html>
<head>
<style>
.div1{
width:600px;
height:200px;
font-size:13px;
}
.div select{
width:200px;
}
.div select option{
width:150px;
height:30px;
}
</head>
<body>
<div class='div1'>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你是想修改select的高度吗，直接用css给它加height，如果不行，就把它的display改成inline-block。你在它外面加div跟控制高度有什么关系呢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你都外面加div了，控制居中还不容易。内边距、定位什么的都行。
追问
这个我试过了，内边距虽然可以把它压下来，但是右边的小箭头也下来了。
上面是正常的效果、在IE8里面的效果是右边的小箭头就下来了。
效果不一致呀。
追答
这个玩意你要漂亮的话用js模拟再加css。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div高度不能居中的。。
你要非想居中倒也是可以，要兼容很麻烦
你要非想居中倒也是可以，要兼容很麻烦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
