Флажок Styling Contact Form 7, если установлен
Я хочу изменить внешний вид отмеченного флажка с синего фона, чтобы он соответствовал моей теме. Кажется, я не могу его показать и пробовал несколько вариантов для проверенного статуса. Любая помощь в том, какой селектор использовать для этого, была бы очень полезна.
Селекторы, которые не сработали.
.wpcf7-list-item > label:after > input[type=checkbox]:checked + span {}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {}
span.wpcf7-list-item.first > input[type=checkbox]:checked {}
input[type = "checkbox"]:checked {}
Ответы 2
Я думаю, вам стоит посетить: https://www.geeksforgeeks.org/how-to-style-a-checkbox-using-css/?
Для изменения цвета флажка
Если то, что вы найдете, слишком сложно, вы можете просто использовать:
input[type=checkbox] {
accent-color: red; /*Change red to any color you want*/
}
Ввод находит все входные теги, материал в квадратных скобках находит тип. Вы знаете, это может быть дата, цвет, текст... Затем акцент-цвет меняет цвет флажка ввода типа.
Узнал из сообщения от Victory Osiobe, что вы можете использовать это, чтобы повлиять на цвет флажков контактной формы 7 при выборе.
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked {
accent-color: green;
}
Подтверждена работа при вставке в «Внешний вид»> «Дополнительный CSS».