Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Wasya UK
@dmc1989
HTML
CSS
Sass
Pug
Как применить стиль к родителю или ближайшему?
Как сделать, чтобы при фокусе на input применить стили к его label?
Вот тут закинул...
Заранее спасибо.
Вопрос задан
более трёх лет назад
298 просмотров
Комментировать
Подписаться
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
12 часов назад
55 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
1 подписчик
16 часов назад
118 просмотров
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
19 часов назад
60 просмотров
0
ответов
CSS
+1 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
02 июл.
171 просмотр
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
02 июл.
96 просмотров
1
ответ
HTML
+1 ещё
Простой
Как соединить кнопку и форму вместе?
1 подписчик
01 июл.
104 просмотра
1
ответ
HTML
+1 ещё
Простой
Как настроить размер видео из Вконтакте?
2 подписчика
01 июл.
1152 просмотра
1
ответ
JavaScript
+2 ещё
Простой
Как поменять цвет линии при нажатии?
1 подписчик
30 июн.
168 просмотров
1
ответ
HTML
+1 ещё
Простой
Как выложить игру в Яндекс игры?
1 подписчик
30 июн.
178 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как создать скрипт удаления элемента HTML используя Tempermonkey?
1 подписчик
29 июн.
120 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разрабодчик
MyAdsTarget
от 150 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама