select如何让标题不显示在选项中以及修改三角形图标样式

<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移动位置