Mam przeciągalny element div ze stylem aktywowania. Działa to dobrze, ale element div zawiera niektóre elementy formularza (etykieta, dane wejściowe). Problem polega na tym, że po najechaniu myszą na te elementy podrzędne zatrzymanie jest wyłączone.CSS dla zawisu, który zawiera wszystkie elementy potomne
Jakieś pomysły, jak sprawić, by zawisły znalazły zastosowanie również w elementach potomnych?
.app_setting *:hover { cursor:move }
Przynajmniej 2 sposoby robienia go:
* selektor, jak sugeruje Garrow .class *:hover.class:hover *Prawdopodobnie istnieją inne
Ta praca ".class: hover *" dla mnie była naprawdę dobra. – Vukasin
Być może będziesz musiał uciekać się do JS, aby to się stało dla IE6.
Niedawno zdecydowałem, że nie będę wspierać IE 6 dla żadnej z moich nowych prac rozwojowych. –
To nie jest odpowiedź css, ale może ci się przydać.
Ktoś już zasugerował, że możesz potrzebować uciekać się do javascript dla kompatybilności przeglądarki. Jeśli używasz javascript, możesz użyć biblioteki jquery, aby było to łatwiejsze.
$(".appsetting").hover(hoverInFunc,hoverOutFunc);
ten określa procedurę obsługi zdarzeń dla unosi się do i od wybranego elementu (ów) w dopasowane do wyboru typu CSS wywołania $().
+1, rozważ także hoverIntent, jest to plugin, który moim zdaniem jest znacznie lepszy niż domyślna metoda .hover. – alex
to dziękuje dzięki – lawphotog
podobnie jak przy wszystkich regułach css może być konieczne użycie '.app_setting *: hover {cursor: move! Important; } 'aby zastąpić dowolny kursor, który mógłbyś ustawić na elementach potomnych w innych miejscach w twoim systemie reguł css –
Korzystanie z Firefoksa (co prawda kilka lat później) nie działa. W rzeczywistości działa nawet mniej skutecznie niż oryginalna próba ankietera (używając! Ważne lub nie) – PandaWood