css - 在忍者表单中选择后隐藏单选按钮并更改框轮廓颜色

Question

我正在尝试:

• 在 Ninja Forms 中隐藏单选按钮
• 让答案周围的方框在点击后改变颜色

有没有人知道:

• 我应该在 Ninja 表单上的哪个 CSS 框输入代码？

• 我试过的代码有什么问题？

  我试过:

• 将代码输入到与列表项元素样式相关的高级 CSS

• 这段代码:

     $(document).ready(function() {
            $('input[type="radio"]').click(function() {
                $this = $(this);
                $label = $this.parent();
                $label.parent().parent().find('label').css('background', '#f2f2f2');
                $label.css('background', '#000000');
            });
        });

 input[type=checkbox], input[type=radio] {
      visibility: hidden;
      margin: 0;
      width: 0!important;
    }
    input[type=checkbox] + label, input[type=radio] + label { 
      font-size: 16px; 
    }
    input[type=checkbox] + label:hover, input[type=radio] + label:hover { cursor: pointer; }
    input[type=checkbox] + label:before, input[type=radio] + label:before {
      font-family: "ETmodules";
      font-size: 36px;
      position: relative;
      top: 0.3em;
      margin-right: 0.2em;
    }

    
   

Answer 1

我希望现在还不算太晚，但更改 Stylized Radio Input 的想法是更改标签 label 的属性。

label {
  &::before {
    // your code here
  }

  &::after {
    // your code here
  }
}

希望对您有所帮助。