Как изменить цвет border другого элемента, когда input в фокусе?

Question

[Айнур Ярулин]

Здравствуйте, у меня есть такая разметка:

<div class="input">
     <input type="text">
</div>

И у <div class="input"> есть border: 2px solid #000, но я хочу, чтобы
цвет border поменялся, когда обычный input в фокусе.

Раньше я как-то делал так, но сейчас такое не работает или я забыл как делал

input:focus ~ .input {
    border-color: red;
}

Comments

[Антон Литвиненко]

Нельзя влиять на родительский элемент. Тут только js

[Айнур Ярулин]

Антон Литвиненко, ну ёмаё

[sometextagain2]

На жиэс это легкий код, погугли и поменяй на свои классы. В это легко вникнуть.

[Alex]

Антон Литвиненко, Та можно

Answer 1

[Alex]

.input:focus-within {
  border: ...
}

Comments

[Антон Литвиненко]

Согласен, есть такое, использовал лишь раз, вылетело из головы.

[Айнур Ярулин]

Alex, благодарю от души

Answer 2

[Антон Литвиненко]

$('input').on('focus', function(){
  $(this).parents('.input').addClass('focus');
});

$('input').on('blur', function(){
  $(this).parents('.input').removeClass('focus');
});