select 下拉框实现 placeholder 效果

代码段：

<select>
        <option value="1" selected disabled style="display: none;">--请选择--</option>
        <option value="2">可乐</option>
        <option value="3">橙汁</option>
        <option value="4">雪碧</option>
        <option value="5">牛奶</option>
</select>

<select>
        <option value="1"  hidden>--请选择--</option>
        <option value="2">可乐</option>
        <option value="3">橙汁</option>
        <option value="4">雪碧</option>
        <option value="5">牛奶</option>
    </select>

效果图：