@LastGeneral

Как задать стили соседнему элементу?

Как задать filter: opacity(0.5) или display: none картинке, когда у input стоит псевдо-класс :disabled?

<div>
  <img src="http://sto32.webstudiomoon.com/wp-content/uploads/2020/08/corps-1.jpg" alt="">
  <input id="p" type="radio" name="p" value="8" disabled="">
  <label for="p">8</label>
</div>


Пробовал так:

input[type="radio"]:disabled+img {
    filter: opacity(0.5);
}


Не работает.
  • Вопрос задан
  • 74 просмотра
Решения вопроса 2
wapster92
@wapster92 Куратор тега CSS
Картинка должна быть ниже input в dom дереве
Ответ написан
0xD34F
@0xD34F Куратор тега CSS
Поместить картинку после input'а. Если важно, чтобы отображалась до - тогда задать display: flex родителю и выставить order.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы