html - 事件 CSS 表单背景

Question

我有一个 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;
}

但问题是我必须在元素上按住鼠标按钮才能使其保持事件状态。我一放手，背景就消失了。

如有任何意见，我们将不胜感激。

Answer 1

您只需添加 :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 结构，但我会冒险猜测输入位于容器类内。

您可以阅读有关 :checked 元素的更多信息 HERE