Html 选择选项时更改选择假占位符颜色-纯CSS

Html 选择选项时更改选择假占位符颜色-纯CSS,html,css,Html,Css,我有一个简单的select元素,带有一个伪/占位符。我想要灰色的占位符。选择一个选项后,我想将颜色更改为黑色 我知道我可以通过将required状态添加到我的select元素并在我的CSS中添加以下内容来存档: 但是我的问题是,我可以在不需要字段的情况下存档此文件吗? 如果可能的话,我更喜欢纯CSS解决方案 选择{ 颜色:黑色; } 选择:必需:无效{ 颜色:灰色; } 请选择值 值1 价值2 我认为仅使用CSS不可能做到这一点。我认为仅使用CSS不可能做到这一点。

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

我知道我可以通过将required状态添加到我的select元素并在我的CSS中添加以下内容来存档:

但是我的问题是,我可以在不需要字段的情况下存档此文件吗? 如果可能的话,我更喜欢纯CSS解决方案

选择{
颜色:黑色;
}
选择:必需:无效{
颜色:灰色;
}

请选择值
值1
价值2

我认为仅使用CSS不可能做到这一点。我认为仅使用CSS不可能做到这一点。