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