CSS para el elemento emergente que incluye todos los elementos secundarios

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.CSS para el elemento emergente que incluye todos los elementos secundarios

<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?

Fuente

2008-09-26 Toby Hede

.app_setting *:hover { cursor:move }

Fuente

2008-09-26 02:47:32 garrow

esto rocas gracias – lawphotog

como con todas las reglas CSS, es posible que tenga que usar '.app_setting *: hover {cursor: mover! Importante; } 'para anular cualquier cursor que haya establecido en elementos secundarios en otras partes de sus reglas css –

Usando Firefox, (algunos años después) esto no funciona. En realidad, funciona con menos eficacia que el intento original de los cuestionarios (¡lo es! Importante o no) – PandaWood

Al menos 2 maneras de hacerlo:

estados libración para cada niño, ya sea explícita o con * selector, según lo sugerido por Garrow .class *:hover
cascada de estado estacionario a los niños .class:hover *

Probablemente haya otros

Fuente

2008-09-26 02:55:35 seanb

Este '.class: hover *' me ha hecho un trabajo realmente bueno. – Vukasin

Es posible que tenga que recurrir a JS para que suceda con IE6.

Fuente

2008-09-26 03:15:11

Recientemente decidí que no apoyaré IE 6 para ninguno de mis nuevos trabajos de desarrollo. –

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 que asoma dentro y fuera del elemento (s) seleccionado como igualada por el selector de estilo css en la llamada $().

Fuente

2008-09-26 03:31:19 Mnebuerquo

+1, también considere hoverIntent, es un complemento que creo que es mucho mejor que el método .hover predeterminado. – alex

CSS para el elemento emergente que incluye todos los elementos secundarios

Respuesta

Cuestiones relacionadas