Изменить фон button при фокусе input

Question

Есть такая разметка и css

#headerSearchDiv form input[type="text"]:focus #headerSearchDiv form button {
	background: red;
}

<div id="headerSearchDiv">
                    <form>
                        <input type="text" name="" placeholder="Поиск">
                        <button>Найти</button>
                    </form>
                </div>

Но почему-то при фокусе input ничего не меняется у button...

Пробовал и #headerSearchDiv form input[type="text"]:focus + #headerSearchDiv form button { и #headerSearchDiv form input[type="text"]:focus ~ #headerSearchDiv form button {

не помогает.

Answer 1

input[type="text"]:focus ~ button {
  background: red;
}

<div id="headerSearchDiv">
  <form>
    <input type="text" name="" placeholder="Поиск">
    <button>Найти</button>
  </form>
</div>

БЛОГ НА HUSL

Изменить фон button при фокусе input

Ответы (1 шт):