Question

select标签怎么去掉边框和小三角

Answer 1

现在很多前端都不选择用select了，而是直接用div替代

Answer 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>