怎么隐藏select中的下拉三角
1个回答
展开全部
<style>
select{
position:relative; z-index:1;
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
}
.dispear{
width: 30px;
height: 20px;
background: #FFF;
position: relative;
z-index: 4;
left: 35px;
top: -20px;
}
</style>
<body>
<select>
<option>百度</option>
<option>ffff</option>
<option>ffff</option>
<option>ffff</option>
<option>ffff</option>
<option>ffff</option>
<option>ffff</option>
<option>ffff</option>
</select>
<div class="dispear"></div></body>
select{
position:relative; z-index:1;
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
}
.dispear{
width: 30px;
height: 20px;
background: #FFF;
position: relative;
z-index: 4;
left: 35px;
top: -20px;
}
</style>
<body>
<select>
<option>百度</option>
<option>ffff</option>
<option>ffff</option>
<option>ffff</option>
<option>ffff</option>
<option>ffff</option>
<option>ffff</option>
<option>ffff</option>
</select>
<div class="dispear"></div></body>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
