Задать вопрос
@Pitman77
css

Можно ли при фокусе input менять цвет границы родителя?

<div class="input_group">
<span class="icon">...</span>
<input class="specification" type="text" size="35" name="specification_10" id="specification_10" value="" maxlength="255">
</div>


Здравствуйте!
Есть ли возможность при фокусе input менять свойства у .input_group?
Спасибо!
  • Вопрос задан
  • 498 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Нет, дочерние элементы не могу вливать на родительские. Но вы можете использовать + или ~, вот таким образом

т.е. создаете отдельный элемент "фон", на том же уровне, что и поле ввода. И при помощи вот такого селектора
.specification:focus ~ .input_back
назначаете стили для этого фона, когда поле ввода в фокусе.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
romanko_vn
@romanko_vn
Если только на CSS, то нет

На jquery можно
$('.specification').on('focus', function(){
  $(this).parent('.input_group').css('border', '1px solid red');
});
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Каталог AI tools
18 апр. 2024, в 01:12
150000 руб./за проект
Загрузка характеристик из xml/csv файла в карточки товаров WordPress
18 апр. 2024, в 00:58
5000 руб./за проект
Нарисовать подарки для соц сети
18 апр. 2024, в 00:10
50000 руб./за проект
Ещё заказы