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

Question

[Pitman77]

<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?
Спасибо!

Answer 1

[Владимир Проскурин]

Нет, дочерние элементы не могу вливать на родительские. Но вы можете использовать + или ~, вот таким образом

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

Comments

[Pitman77]

Владимир Проскурин спасибо большое за помощь! Все получилось.

Answer 2

[Валентин]

Если только на CSS, то нет

На jquery можно

$('.specification').on('focus', function(){
  $(this).parent('.input_group').css('border', '1px solid red');
});