css - 如何删除选择上的默认值

Question

我会尝试使用 -webkit-appearance:none, outline:none 但这个问题没有解决，请提供 CSS 解决方案以删除 chrome 中的默认值。

Answer 1

select:invalid { color: gray; }

<form>
    <select required>
        <option value="" disabled selected hidden>Please Choose...</option>
        <option value="uno">one</option>
        <option value="dos">two</option>
    </select>
</form>