Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/06/2014, 06:11
Avatar de pzin
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.