Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Hover no funciona con focus

Estas en el tema de Hover no funciona con focus en el foro de CSS en Foros del Web. Hola amigos, He estado probando pero no funciona, capaz que no se puede hacer. Tengo un input al que le pongo focus (input type="text"). Hasta ...
  #1 (permalink)  
Antiguo 13/06/2014, 05:37
 
Fecha de Ingreso: febrero-2014
Mensajes: 99
Antigüedad: 10 años, 2 meses
Puntos: 0
Hover no funciona con focus

Hola amigos,
He estado probando pero no funciona, capaz que no se puede hacer.
Tengo un input al que le pongo focus (input type="text").
Hasta aqui bien, al pulsar sobra el se cambia de color, pero tambien quiero que al pulsar sobre ese input se cambie el color de un boton (input type="submit").

Hago lo siguiente :

-- .uno es el input text ---
-- .dos boton suubmit ---

.uno { background-color:#FFF}
.uno:focus { background-color:#000}
.dos { background-color:blue}
.uno:focus .dos { background-color:red}


Saludos
Gracias
  #2 (permalink)  
Antiguo 13/06/2014, 06:11
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Hover no funciona con focus

La única forma de hacerlo es si ese botón es hermano, o descendiente de algún hermano del elemento input usando el selector de hermanos + o ~:

Código HTML:
Ver original
  1. <input type="text" class="texto">
  2. <input type"button" class="boton">

Código HTML:
Ver original
  1. input.texto:focus + input.boton {
  2.   background-color: red;
  3. }

O así:

Código HTML:
Ver original
  1. <input type="text" class="texto">
  2. <div>
  3.   <input type"button" class="boton">
  4. </div>

Código HTML:
Ver original
  1. input.texto:focus ~ div input.boton {
  2.   background-color: red;
  3. }

En cualquier caso, siempre debe de haber una familiaridad entre ambos elementos que sea de hermanos o hermano-descendientes.
  #3 (permalink)  
Antiguo 14/06/2014, 09:06
 
Fecha de Ingreso: febrero-2014
Mensajes: 99
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Hover no funciona con focus

Lo acabo deprobar y si funciona :D

Thanks

Etiquetas: background, color, focus, hover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:18.