1. Inicio
  2. Pregunta y respuesta
  3. Diferencias entre CSS3: hover y: focus?

Diferencias entre CSS3: hover y: focus?

2011-05-26 15 views

Respuesta

44

El desplazamiento es 'verdadero' cuando el puntero del mouse está sobre un elemento. El enfoque es verdadero si el cursor está en ese elemento. Es posible que el vuelo estacionario sea falso y el enfoque sea verdadero (por ejemplo, haga clic en un campo de texto y luego aleje el mouse)

Fuente

2011-05-26 19:11:43

+3

Sí, había olvidado la acción de hacer clic y luego mover el mouse. También la posibilidad de tabular a un campo. Gracias. –

+2

Para evitar confusiones: "cursor" aquí significa "caret". :) –

+0

"punto de inserción": -] –

2

flotar solo se aplica cuando el dispositivo señalador está sobre el elemento. El documento lo deja bastante claro.

Fuente

2011-05-26 19:11:21 spender

+1

Oh sí, por supuesto. Gracias. –

6

:hover se aplica a cualquier elemento sobre el que el cursor del mouse esté actualmente. :focus se refiere al enfoque de formulario, y es el elemento de formulario actual con foco. En general, si comienzas a escribir, ¿qué elemento llenarás?

Fuente

2011-05-26 19:12:21 recursive

1

Hover puede agregar con% de porcentajes con el tiempo de transición con la nueva tecnología css3. Espere IE9 todos los principales navegadores los admitirán. aquí hay algunas muestras de dos menús de navegación para entender el vuelo estacionario y la animación en vuelo estacionario y también el desvanecimiento de los colores en el atributo de desplazamiento css3. `

Fuente

2012-11-10 15:19:29 chumego

+0

He eliminado sus enlaces no divulgados a su propio blog. Consulte el área de autopromoción de las preguntas frecuentes antes de publicar más respuestas. –

0

Debe aplicar el mismo formato para enfocar y desplazarse, de esa forma los usuarios tendrán la misma experiencia de interfaz de usuario.

Fuente

2016-04-28 21:31:40 Mauro

1

La diferencia entre :hover y :focus es:

:hover cuando el puntero del ratón se encuentra sobre el elemento.

:focus cuando selecciona un elemento, el elemento entra en el foco.

Más información: CSS Pseudo Classes at W3Schools

Fuente

2016-07-29 06:34:37

Cuestiones relacionadas

 Cuestiones relacionadas