html - 事件CSS表单背景

我有一个wordpress网站和一张表格。我希望当单选按钮处于活动状态时，其背景容器将具有彩色背景。我已经用这两个类成功地实现了CSS

.ezfc-inline.ezfc-element-radio-container {
    display: inline-block;
    text-align: center;
}
.ezfc-inline.ezfc-element-radio-container:active {
    display: inline-block;
    text-align: center;
    background: none repeat scroll 0% 0% #105CAB;
    color: #FFF;
}

但问题是，我必须在实体上按住元素上的鼠标按钮才能使其保持活动状态。我一放手背景就消失了。
如有任何意见，将不胜感激。

最佳答案

您只需要添加:checked状态。

.ezfc-inline.ezfc-element-radio-container {
  display: inline-block;
  text-align: center;
}

.ezfc-inline.ezfc-element-radio-container:active, .ezfc-inline.ezfc-element-radio-container .ezfc-element-radio input:checked {
  display: inline-block;
  text-align: center;
  background: none repeat scroll 0% 0% #105CAB;
color: #FFF;
}

我不确定你的HTML结构，但我会冒险猜测输入在container类中。
您可以阅读更多关于:checked元素HERE

关于html - 事件CSS表单背景，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29905462/