Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Как задать стиль родителя (label) в зависимости от input type="radio" ?

Как задать стиль родителя (label) в зависимости от input type="radio" ?


     07.10.2019    Все вопросы » Стили (CSS)    67

вопрос
Всем привет ! Есть код:
		<label class="billing-pay-label">
            <input name="billingPayment" id="{payment.name}" type="radio" value="{payment.name}" class="paymentSelect">
				<img src="{THEME}/billing/icons/{payment.name}.png" alt="{payment.title}" title="{payment.title}" />
                <span>{payment.topay} {payment.currency}</span>
    </label>

т.е. их много, таких label на одной странице. Как при значении :checked добавить класс в label ?

Заранее спасибо.

Ответа пока нет


2 комментария

maks
Юзер

maks - 7 октября 2019 17:46 -


[type="radio"]:checked + label::before {
стиль
}
[type="radio"]:checked + label::after{
стиль
}

maks
Юзер

maks - 7 октября 2019 17:56 -

А у меня такие стили подключены, нормально выглядит

.billing-pay-label > input
{
	visibility: hidden;
	position: absolute;
}
.billing-pay-label > input + img {
    cursor: pointer;
    opacity: 0.5;
    padding: 10px;
}
.billing-pay-label > input:checked + img {
    background: #f5f5f5;
    border-radius: 2px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    opacity: 1;
    transform: scale(1.1);
    transition: all 0.25s ease 0s;
}

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх