不需要的选择元素的样式占位符

Question

使用CSS，我可以使用以下代码为select表单元素设置“占位符”选项。但是，要使其正常工作的条件是select元素具有required属性。

HTML：

<select id="test">
    <option value="" disabled selected hidden>
        Select an option...
    </option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

CSS：

select:required:invalid {
    color: red;
}
option[value=""][disabled] {
    display: none;
}
option {
    color: green;
}

问题：对于没有 具有required属性的选择字段，是否可以实现相同的目的？