Html 选择后如何突出显示颜色？

我已将焦点和活动属性指定给输入，但它不起作用。选择任何颜色后，它都不会高亮显示。不过，Hover属性正在工作

下面是我用来显示颜色的highlight属性的代码

.highlightC:focus，
.highlightC：焦点可见，
C:参观了{
边框：2件纯色橙色！重要；
}
C:悬停，
.highlightC：激活{
边框：2倍纯白；
}
.highlightC{
高度：20px；
宽度：20px；
边界半径：50%；
显示：内联块；
边框：2倍实心透明；
}
.color1{
背景色：红色；
}
.color2{
背景颜色：绿色；
}
.color3{
背景颜色：蓝色；
}

可用颜色

您必须在属性class=”“中插入css类名（highlightC），如下所示：

---

class=“highlightC”

您的问题在于检查标签：活动状态。该状态仅适用于链接等元素

我对我所做更改的代码进行了注释

另请参阅以下链接，以帮助您理解为什么必须以这种方式访问它，以及为什么您的尝试没有得到任何结果：

/*active仅适用于链接，不适用于标签元素*/
.highlightC:悬停{
边框：2倍纯白；
}
/*您可以通过检查输入的状态来设置边框的样式，+因为在这种情况下，oeprator在单击任何单选按钮后会影响下一个标签，因此它仅在标签位于dom中单选按钮之后时才起作用*/
.text左输入[type=“radio”]：选中+标签{
边框：2倍纯白；
}
/*你想用这个达到什么目的？访问也只适用于链接*/
C:集中精力，
.highlightC：焦点可见，
C:参观了{
边框：2件纯色橙色！重要；
}
.highlightC{
高度：20px；
宽度：20px；
边界半径：50%；
显示：内联块；
边框：2倍实心透明；
}
.color1{
背景色：红色；
}
.color2{
背景颜色：绿色；
}
.color3{
背景颜色：蓝色；
}

可用颜色

我认为您需要为选中单选按钮创建CSS

这是您现在面临的问题的解决方案：

input[type=“radio”]{
显示：无；
}
.highlightC{
高度：20px；
宽度：20px；
边界半径：50%；
显示：内联块；
保证金：3倍；
盒影：0px 0px 0px 2px透明；
}
输入[type=“radio”]：选中+.highlightC{
盒影：0px 0px 0px 2px暗光；
}
.color1{
背景色：红色；
}
.color2{
背景颜色：绿色；
}
.color3{
背景颜色：蓝色；
}

可用颜色

您可以将与结合使用：

。颜色输入{
显示：无；
}
.颜色输入：选中+.颜色标签{
边框颜色：橙色；
}
.彩色标签{
高度：20px；
宽度：20px；
边界半径：50%；
显示：内联块；
边框：2倍实心透明；
}
.彩色标签-红色{
背景色：红色；
}
.彩色标签-绿色{
背景颜色：绿色；
}
.彩色标签-蓝色{
背景颜色：蓝色；
}

可用颜色

为什么不使用javascript来实现这一点？我认为您可能需要共享更多的代码，因为我无法用提供的代码复制您的问题：我的直觉是，您在CSS中有其他东西来设置这些单选按钮的样式，需要查看这些代码才能更改。这也是一个实时网站吗？你能链接到它吗？这个解决方案是否适合你？