Ich habe ein ziehbares div-Element mit einem Hover-Stil. Das funktioniert gut, aber das div enthält einige Formularelemente (Label, Eingabe). Das Problem besteht darin, dass der Mauszeiger deaktiviert ist, wenn sich die Maus über diesen untergeordneten Elementen befindet.CSS für Hover, die alle untergeordneten Elemente enthält
Irgendwelche Ideen, wie der Hover auch auf die Child-Elemente angewendet werden kann?
.app_setting *:hover { cursor:move }
Mindestens zwei Möglichkeiten, es zu tun:
* Selektor, wie garrow vorgeschlagen .class *:hover.class:hover *Es gibt wahrscheinlich andere
Dieses '.class: hover *' machte Arbeit für mich wirklich gut. – Vukasin
Sie müssen möglicherweise zu JS greifen, um es für IE6 geschehen zu lassen.
Ich habe kürzlich entschieden, dass ich den IE 6 für keine meiner neuen Entwicklungsarbeiten unterstützen werde. –
Dies ist keine CSS-Antwort, aber es könnte Ihnen immer noch nützlich sein.
Jemand anderes hat bereits vorgeschlagen, dass Sie möglicherweise auf Javascript für Browserkompatibilität zurückgreifen müssen. Wenn Sie auf Javascript zurückgreifen, können Sie die jquery-Bibliothek verwenden, um es einfach zu machen.
$(".appsetting").hover(hoverInFunc,hoverOutFunc);
Dies stellt eine Ereignisbehandlungsroutine für in Schweben und aus dem gewählten Elemente (e), wie durch den CSS-Style-Selektor in dem $() Anruf abgestimmt.
+1, auch in Betracht ziehen HoverIntent, es ist ein Plugin, das ich denke, ist viel besser als die Standardmethode .hover. – alex
das rockt danke – lawphotog
Wie bei allen CSS-Regeln müssen Sie '.app_setting * verwenden: hover {cursor: move! Wichtig; } ', um jeden Cursor außer Kraft zu setzen, den Sie vielleicht an anderen Elementen in Ihren css-Regeln gesetzt haben –
Mit Firefox, (zugegebenermaßen einige Jahre später) funktioniert das nicht. Es funktioniert sogar noch weniger effektiv als der ursprüngliche Versuch des Fragestellers (mit! Wichtig oder nicht) – PandaWood