我有一个盒子,我想更改所选项目的文本颜色。有什么办法可以仅使用CSS来更改所选项目的文本颜色(不是背景)的颜色?我知道还有其他方法可以用js实现,但是似乎必须有更好的方法。
我可能选择了错误的选择器,但似乎很正确,因为当它被主动单击时它可以工作。不知道我还能如何控制非活动部分。 !important似乎没有用。
HTML块:
CSS区块:
选择:焦点选项:选中{
背景:#704660线性渐变(0deg,#704660 0%,#704660 100%);;
颜色:#ffffff!重要;
}
选项:已选中{
背景:#704660线性渐变(0度,#704660 0%,#704660 100%);
颜色:#ffffff!重要;
}
https://jsfiddle.net/silveryne/n5fderxh/1/#&togetherjs=9fK6agbsSM
预期结果:白色文本颜色供选择
当前结果:供选择的系统配色方案