时间戳

首页 > 解决方案 > 如何更改 Select 标签中占位符选项的颜色？

html - 如何更改 Select 标签中占位符选项的颜色？

问题描述

我正在尝试将选择标签中第一个选项（业务类型）的颜色更改为灰色，使其看起来像文本字段的占位符文本。我尝试了几件不起作用的事情。有什么方法可以简单地使用 HTML 和 CSS 来完成？

    <select id="businesstype">
        <option value="" disabled selected hidden>Business Type</option>
        <option value="">Restaurant</option>
        <option value="">Hotel</option>
        <option value="">Café</option>
        <option value="">Shop</option>
        <option value="">Services Agency</option>
        <option value="">NGO</option>
        <option value="">Institution</option>
    </select>

标签： htmlcsscolorshtml-selectplaceholder

解决方案

这应该有效：

#businesstype div[disabled] {
    opacity: 0.5;
}

另请查看：https ://www.w3schools.com/css/css_attribute_selectors.asp

推荐阅读