<select>
<option hidden>請選擇</option>
<option value="a">女性</option>
<option value="a">男性</option>
<option value="a">保密</option>
</select>
主要就是加一个“hidden”属性。
修改右侧三角形样式的主要方式:
select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
先使用appearance去除他原有样式,包括三角形符号,
elect{
width:6rem;
background:url(pic.png) no-repeat right center;
background-position:46px 7px;
}
再通过设置背景图的方式添加自己的小图标,用position移动位置