html - pseudo - CSS para hover que incluye todos los elementos secundarios

selectores css avanzados

Question

Tengo un elemento div arrastrable con un estilo de desplazamiento. Esto funciona bien, pero el div contiene algunos elementos de formulario (etiqueta, entrada). El problema es que cuando el mouse está sobre estos elementos secundarios, se deshabilita el desplazamiento.

<div class="app_setting">
  <label">Name</label>
  <input type="text" name="name"/>
</div>

.app_setting:hover {
  cursor:move;
}

¿Alguna idea sobre cómo hacer que el vuelo estacionario se aplique también a los elementos secundarios?

Answer 1

Puede que tenga que recurrir a JS para que suceda con IE6.

Answer 2

.app_setting *:hover { cursor:move }

Answer 3

Esta no es una respuesta CSS, pero aún puede ser útil para usted.

Alguien más ya sugirió que podría tener que recurrir a javascript para la compatibilidad del navegador. Si recurres a javascript, puedes usar la biblioteca jquery para hacerlo más fácil.

$(".appsetting").hover(hoverInFunc,hoverOutFunc);

Esto establece un controlador de eventos para desplazarse dentro y fuera de los elementos seleccionados según el selector de estilo css en la llamada $() .

Answer 4

Al menos 2 formas de hacerlo:

• hover states para cada niño, explícitamente o con * selector, como lo sugiere garrow .class *:hover
• estado de desplazamiento en cascada para niños .class:hover *

Probablemente haya otros