Como posso esconder minha div quando a input estiver em focus? Usei este cod e nao me deu certo
.A:focus .B {
display: inline-block !important;
}
Como posso esconder minha div quando a input estiver em focus? Usei este cod e nao me deu certo
.A:focus .B {
display: inline-block !important;
}
Você pode fazer algo assim:
div {
background: #f0a;
display: true;
height: 200px;
width: 200px; }
input:focus + div { display: none }
Você pode utilizar classes ou identificadores assim:
div.hidden {
background: #f0a;
display: true;
height: 200px;
width: 200px; }
input.focus:focus + div.hidden { display: none }
E então adicionar o HTML assim:
<input class="focus" type="text" value="">
<div class="hidden"></div>