I have this html:
<div class="header">
<div class="active-tab-name"> Inbox </div>
<form class="search-box" method="get" action="#">
<input type="text" name="search_query" />
<button class="icon-search"></button>
</form>
</div>
I need to change the property of the button when my input is focused : on input:focus
with css.
Here they are siblings and not nested. Is it possible?