css怎样设置下拉列表(select)样式?

要做成这样的,可以实现吗?... 要做成这样的,可以实现吗? 展开
 我来答
回忆526
推荐于2017-10-04 · TA获得超过4165个赞
知道大有可为答主
回答量:3276
采纳率:87%
帮助的人:1897万
展开全部
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>
270919876
2011-03-21 · TA获得超过497个赞
知道小有建树答主
回答量:227
采纳率:100%
帮助的人:48.4万
展开全部
你能用纯粹的CSS样式来写这样的Select,你必须结合js+Css控制一个文本域和一个现实选项的下拉层,来模拟实现这个样的效果。
追问
可以举个例子吗?
追答
比如,你用一个input文本框显示选定的内容,可以设置背景,让文本框显得很好看,然后点击,弹出选择框,用div来美化,选择选项之后,修改input文本框的内容,隐藏掉弹出的div模拟下拉框。简单说,就是用一个input文本框+一个div层来组成一个下拉框,关联的点击操作,用js控制。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ohding
2011-03-21 · TA获得超过197个赞
知道小有建树答主
回答量:120
采纳率:0%
帮助的人:106万
展开全部
纯css是不行的,select样式的框架是跟着系统主题那个样式走的,可以用js模拟出来,不过个人感觉没有必要哈
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
轻候高驰4Y
2011-03-21 · 超过12用户采纳过TA的回答
知道答主
回答量:48
采纳率:0%
帮助的人:18.3万
展开全部
可以用JS,楼主想要可以M我
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式