css - 更改选择菜单中的选项颜色

Question

这可能是基本的，但我无法让它工作。在我的提交表单中，我有一个选择菜单。我已禁用第一个选项并将其值设置为空。

<select  name="types">
    <option value="" disabled selected>Please select<option>
    <option value="Fruit">Mangos</option>
    <option value="Veggies">Beans</option>
</select>

如何将禁用选项的文本设置为#f60？基本上我需要它看起来与占位符文本相同。

Answer 1

尝试使用css为选择列表的第一个子元素添加颜色，如下所示

<style>    
select option:first-child {
        color : #F60F60;
    }
</style>

希望对你有帮助