Скрыть переключатель и изменить цвет контура блока, выбранный в формах ниндзя
Я пытаюсь:
- Скрыть переключатель в Ninja Forms
- Сделайте рамку вокруг ответа, измените цвета после нажатия на
Кто-нибудь знает:
- Какое поле 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;
}
1 ответ
Надеюсь, еще не поздно, но идея изменить стилизованный радиовход - изменить атрибут тега. label
,
label {
&::before {
// your code here
}
&::after {
// your code here
}
}
Надеюсь, поможет.