select标签怎么去掉边框和小三角 5
2个回答
展开全部
<style type="text/css">
/*套歼纳在氏乎没Select外层,用于隐藏Select框*/
.DivSelect
{
position: relative;
background-color: transparent;
width: 140px;
height: 17px;
overflow: hidden; /*隐藏了小三角,因为宽度为110px,而select宽度为130px*/
border-width:0px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}
/*设置Select样式*/
.SelectList
{
position: relative;
background-color: transparent;
TOP: -2px;
left:-2px;
border-width: 0px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
width:160px;
display:block;
height: 18px;
overflow:hidden;
}
</style>
<div class="DivSelect">
<select class="SelectList">
<option>1111</option>
<option>顷陵2222</option>
<option>3333</option>
<option>4444</option>
</select>
</div>
/*套歼纳在氏乎没Select外层,用于隐藏Select框*/
.DivSelect
{
position: relative;
background-color: transparent;
width: 140px;
height: 17px;
overflow: hidden; /*隐藏了小三角,因为宽度为110px,而select宽度为130px*/
border-width:0px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}
/*设置Select样式*/
.SelectList
{
position: relative;
background-color: transparent;
TOP: -2px;
left:-2px;
border-width: 0px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
width:160px;
display:block;
height: 18px;
overflow:hidden;
}
</style>
<div class="DivSelect">
<select class="SelectList">
<option>1111</option>
<option>顷陵2222</option>
<option>3333</option>
<option>4444</option>
</select>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询