怎样用Css改变select右边箭头的颜色?

 我来答
lylegend13
2011-10-29 · TA获得超过4695个赞
知道大有可为答主
回答量:1701
采纳率:0%
帮助的人:1703万
展开全部

你好,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>

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式