怎样用Css改变select右边箭头的颜色?
你好,html中select的外观是无法改变的,如果你想要花样的select,需要自己用别的html<元素>来配合实现
--------------------------------------------------------------------------------------------------
你好,我实现了一个简单的,你看下就会了,我用的箭头代表的三角,你直接用<img src="0.jpg">这样代替箭头即可
<html>
<head>
<style>
ul{list-style-type:none;}
li{border:solid 1px;width:100px;}
.liShow{display:block;background:while;}
.liHide{display:none;background:blue;}
</style>
<script>
var nextState=1;
function change(obj){
var liArray=document.getElementsByTagName("LI");
var i=1;
var length=liArray.length;
switch(nextState){
case 1:
obj.innerHTML="选择数量↑";
for(;i<length;i++){
liArray[i].className="liShow";
}
nextState=0;
break;
case 0:
obj.innerHTML="选择数量↓";
for(;i<length;i++){
liArray[i].className="liHide";
}
nextState=1;
}
}
</script>
</head>
<body>
<ul id="myUl">
<li class="liMenu" onclick="change(this);">选择数量↓</li>
<li value="1" class="liHide">1</li>
<li value="1" class="liHide">2</li>
</ul>
</body>
</html>