选中选项后，更改伪造的占位符颜色-纯CSS

Question

我有一个带有伪造/占位符的简单选择元素。我想将占位符设置为灰色。选择一个选项后，我想将颜色更改为黑色。

我确实知道可以通过将必需状态添加到我的select元素并在我的CSS中添加以下内容来对此文件进行存档：

但是，我的问题是，可以在不要求该字段的情况下将其存档吗？ 如果可能的话，我希望使用纯CSS解决方案。

select {
    color: black;
}
select:required:invalid {
    color: grey;
}

<select id="select" required>
    <option disabled selected hidden value="">Please select value</option>
    <option value="1">Value 1</option>
    <option value="2">Value 2</option>
</select>