css怎样设置下拉列表(select)样式？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css怎样设置下拉列表(select)样式？相关的知识，希望对你有一定的参考价值。
要做成这样的，可以实现吗？
<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> 参考技术A 你能用纯粹的CSS样式来写这样的Select，你必须结合js+Css控制一个文本域和一个现实选项的下拉层，来模拟实现这个样的效果。追问
可以举个例子吗？
追答比如，你用一个input文本框显示选定的内容，可以设置背景，让文本框显得很好看，然后点击，弹出选择框，用div来美化，选择选项之后，修改input文本框的内容，隐藏掉弹出的div模拟下拉框。简单说，就是用一个input文本框+一个div层来组成一个下拉框，关联的点击操作，用js控制。
参考技术B 纯css是不行的，select样式的框架是跟着系统主题那个样式走的，可以用js模拟出来，不过个人感觉没有必要哈本回答被提问者采纳 参考技术C 可以用JS，楼主想要可以M我怎样用CSS美化select的下拉按钮，和里面的箭头。不是边框也不是背景
不是背景色是边框和箭头
以上是关于css怎样设置下拉列表(select)样式？的主要内容，如果未能解决你的问题，请参考以下文章