3

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;
}
1
  • com css apenas isso não será possivel, você irá inserir um onfocus no input que é um tipo javascript apontando para uma função e nesta função você irá criar um elemento de css para a div que deseja
    – flourigh
    Commented 4/02/2015 às 22:52

1 Resposta 1

2

Você pode fazer algo assim:

div {
     background: #f0a;
     display: true;
     height: 200px;
     width: 200px; }

input:focus + div { display: none }

DEMO

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>

DEMO

4
  • nossa, nunca vi este método, muito bom mesmo, eu usava o onFocus="eventtipsignupnomefocus()" onBlur="eventtipsignupnomeblur()", este é muito manero
    – flourigh
    Commented 4/02/2015 às 22:55
  • @flourigh o css está incrível quando se sabe usar..
    – Elaine
    Commented 5/02/2015 às 0:22
  • @user3715916 pois é rapaz, nunca tentei utilizar, pois sempre fiz com JavaScript então nunca procurei, mas agora adorei este método que inclusive funciona de muitas formas, muito bom, isso é do CSS3? correto
    – flourigh
    Commented 5/02/2015 às 14:52
  • @flourigh CSS2.
    – stderr
    Commented 5/02/2015 às 22:12

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .