Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Wasya UK
@dmc1989
HTML
CSS
Sass
Pug
Как применить стиль к родителю или ближайшему?
Как сделать, чтобы при фокусе на input применить стили к его label?
Вот тут закинул...
Заранее спасибо.
Вопрос задан
более трёх лет назад
297 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Jaroslaw Goszowski
@goszowski
PHP Developer
1) Обвернуть инпут и label у враппер с position: relative;
2) Padding сверху, чтоб label поместился
3) Сам label - position absolute; top: 0;
4) Но фактически помещаем label сразу после input
5) Для инпута пишем: input:focus+label {color: red}
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
Jaroslaw Goszowski
@goszowski
Вот пример:
https://codepen.io/Goszowski/pen/xYVqVo
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Stalker_RED
@Stalker_RED
Никак. Если переставить label ниже по коду, можно будет использовать sibling selector'ы (~ или +).
Иначе только скрипты.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
Простой
Как можно избежать повторной отправки формы на сайте при переходе назад и вперед мышью?
2 подписчика
12 часов назад
412 просмотров
0
ответов
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
вчера
100 просмотров
2
ответа
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
76 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
188 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
631 просмотр
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
1007 просмотров
2
ответа
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1426 просмотров
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
142 просмотра
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
142 просмотра
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
88 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Разработчик Bitrix/Bitrix24 (part time)
BGS Group
от 1 000 до 1 500 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама