怎么隐藏select中的下拉三角
展开全部
<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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询