Видеоответы на вопросы по Tilda

Замена иконки в checkbox и radio button в формах Тильда - Live-CSS-16

<style>
.t-checkbox__indicator {
    background-image: url(https://static.tildacdn.com/tild3434-3638-4835-a464-396634373466/Ellipse_2_1.svg);
    background-size: contain;
    border: blanchedalmond;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
}

.t-checkbox__indicator:after {
    background-image: url(https://static.tildacdn.com/tild3765-3636-4664-b764-353139303536/Vector_2.svg);
    border: none;
    width: inherit;
    height: inherit;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    transform: none;
}

.t-checkbox__control .t-checkbox:checked~.t-checkbox__indicator {
    background: none;
}

.t-radio__indicator {
    background-image: url(https://static.tildacdn.com/tild6565-3336-4362-a236-653833383836/radio_icon-iconscom_.svg);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    border-radius: 0;
    width: 23px;
    height: 23px;
}

.t-radio__indicator:after {
    background-image: url(https://static.tildacdn.com/tild3732-3966-4639-a430-636138363462/radio_icon-iconscom_.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    width: inherit;
    height: inherit;
    border-radius: 0;
}

.t-radio__control .t-radio:checked~.t-radio__indicator {
    background: none;
}
</style>
Made on
Tilda