p
кажется я нашел что-то похожее, только там вся форма выделяется.
https://css-tricks.com/almanac/selectors/f/focus-within/
https://css-tricks.com/almanac/selectors/f/focus-within/
Size: a a a
2020 March 31
ИЛ
Они тебя там подтянут как раз по всем вопросам. На месте покажут-раскажут. У моей сестры программистом работает муж. Говорит, что для начала нужно идти в офис и там сидеть учится. И потом уже можно что-то самому будет делать. Потому что тебе там все будут пояснять и ты будешь обучатся, а не костыли искать как улитка
p
Да какой офис, коронавирус бушует вокруг
VG
persona x grata
кажется я нашел что-то похожее, только там вся форма выделяется.
https://css-tricks.com/almanac/selectors/f/focus-within/
https://css-tricks.com/almanac/selectors/f/focus-within/
да положи span внутрь блока, сделай абсолютом и растяни по размерам родителя
ИЛ
Так а тебе все же выделить нужно? Если не выходит, то хтмл поправь
p
Так а тебе все же выделить нужно? Если не выходит, то хтмл поправь
нет, только отдельный label
<label for="option-house">
<input type="radio" name="option" id="option-house" checked>
<img class="radio-icons__image" src="https://i.imgur.com/XQCUssP.png" alt="">
<p class="radio-icons__title">Для дома</p>
</label>
<label for="option-house">
<input type="radio" name="option" id="option-house" checked>
<img class="radio-icons__image" src="https://i.imgur.com/XQCUssP.png" alt="">
<p class="radio-icons__title">Для дома</p>
</label>
p
в котором радио, картинка и текст
ИЛ
Ну к лейблу и примени фокус
VG
Ну к лейблу и примени фокус
Да причём тут фокус?
p
а ваще я правильно сделал разметку хтмл? для такого финта ушами?
VG
persona x grata
а ваще я правильно сделал разметку хтмл? для такого финта ушами?
Я тебе отписал выше
p
Я тебе отписал выше
внутри label сделать span типа wrapper?
ИЛ
Да причём тут фокус?
Так есть :focus-within
VG
persona x grata
внутри label сделать span типа wrapper?
Не врапер, просто спан
VG
Так есть :focus-within
Причём тут фокус? Фокус в этот момент где угодно может быть
VG
persona x grata
внутри label сделать span типа wrapper?
<label for="option-house">
<input type="radio" name="option" id="option-house" checked>
<img class="radio-icons__image" src="https://i.imgur.com/XQCUssP.png" alt="">
<p class="radio-icons__title">Для дома</p>
<span class="theme"></span>
</label>
<input type="radio" name="option" id="option-house" checked>
<img class="radio-icons__image" src="https://i.imgur.com/XQCUssP.png" alt="">
<p class="radio-icons__title">Для дома</p>
<span class="theme"></span>
</label>
ИЛ
Хм, так тогда кнопку выше в разметке ставить нужно
ИЛ
Типа:
< Кнопка />
< Лейбл />
И .кнопка:чекед ~ .лейбл{ гори }
< Кнопка />
< Лейбл />
И .кнопка:чекед ~ .лейбл{ гори }
VG
<label for="option-house">
<input type="radio" name="option" id="option-house" checked>
<img class="radio-icons__image" src="https://i.imgur.com/XQCUssP.png" alt="">
<p class="radio-icons__title">Для дома</p>
<span class="theme"></span>
</label>
<input type="radio" name="option" id="option-house" checked>
<img class="radio-icons__image" src="https://i.imgur.com/XQCUssP.png" alt="">
<p class="radio-icons__title">Для дома</p>
<span class="theme"></span>
</label>
потом input:checked ~ .theme
ИЛ
:(, вместо лейбла подсвечиваем спан какой-то, который имитирует подсветку лейбла. Я думал, что это костыль