Html 选择多个选项-颜色属性赢得'；t适用于：悬停、：焦点、：活动、：选中的选择器

我有一个问题，我需要根据用户定义的内容更改

样式。
当我尝试自定义
：悬停
，
：焦点
，
：活动
，
：选中的
选择器时，除了
颜色
属性外，其他一切都可以工作

我已经尝试了一切，文本的颜色坚持不变

重叠时显示黑色，单击并激活时显示白色，离开时再次显示黑色。
我说的是文本的
颜色
，而不是
背景色
，这在我的CSS中很有效

如何使用纯CSS解决问题


选择选项：悬停，
选择：重点，
选项：活动，
选项：选中{
字体大小：16px；
/*工作正常*/
文字装饰：下划线；
/*工作正常*/
背景：线性梯度（灰色、灰色）；
/*工作正常*/
颜色：红色；
/*不工作->不更改文本的颜色：悬停、：焦点、：活动、：选中*/
}

备选方案1
备选方案2
备选方案3
[…用户定义的样式中有100多个不同颜色的选项..]
您正在覆盖选项元素本身的
颜色属性。因此，在悬停状态下，它不会改变。您可以将该颜色指定给css文件中的所有选项元素，而不是在每个选项元素上定义
color:white

也许如果这真的不适合您的用例，例如当
颜色不总是白色时，您可以尝试使用
！重要信息
关键字：

选择选项：悬停、选项：焦点、选项：活动、选项：选中{
字体大小：16px；/*工作正常*/
文本装饰：下划线；/*效果良好*/
背景：线性梯度（灰色，灰色）；/*工作正常*/
颜色：红色！重要；
}
如果要在HTML中设置内联颜色，而HTML优先于CSS，请使用
！重要信息
如果必须覆盖它。请注意
背景
和
背景颜色
以及相同的内容，这样您就没有问题了。请用“！重要”一词解决。非常感谢。我理解你的建议，我知道这一点，但对于我正在开发的东西，其中一个要求是每个都可以由用户自定义。想象一下我必须准备的CSS课程组合。你现在明白了吗？也许还有其他的解决办法，但目前我找到的就是这个，没问题。是的，有了这个用例，我想你已经被这个解决方案困住了。在这种情况下没关系，但请确保不要使用
重新开始！重要信息
。