सीएसएस जिसमें सभी बाल तत्व शामिल हैं

Question

मेरे पास एक होवर शैली वाला ड्रैगगेबल div तत्व है। यह ठीक काम करता है, लेकिन div में कुछ फॉर्म तत्व (लेबल, इनपुट) शामिल हैं। समस्या यह है कि जब माउस इन बाल तत्वों पर होता है तो होवर अक्षम हो जाता है।

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

.app_setting:hover { 
    cursor:move; 
} 

कोई विचार कैसे बच्चे के तत्वों को भी लागू करने के लिए होवर प्राप्त करने के लिए?

Answer 1

.app_setting *:hover { cursor:move } 

Answer 2

यह कर के कम से कम 2 तरीके:

• मंडराना राज्यों प्रत्येक बच्चे के लिए, या तो स्पष्ट या * चयनकर्ता के साथ, के रूप में गेरो द्वारा बच्चों को .class *:hover
• झरना मंडराना राज्य सुझाव .class:hover *

शायद अन्य

Answer 3

आईई 6 के लिए ऐसा करने के लिए आपको जेएस का सहारा लेना पड़ सकता है।

Answer 4

यह एक सीएसएस उत्तर नहीं है, लेकिन यह अभी भी आपके लिए उपयोगी हो सकता है।

किसी और ने पहले ही सुझाव दिया है कि आपको ब्राउज़र संगतता के लिए जावास्क्रिप्ट का सहारा लेना पड़ सकता है। यदि आप जावास्क्रिप्ट का सहारा लेते हैं, तो आप इसे आसान बनाने के लिए jquery लाइब्रेरी का उपयोग कर सकते हैं।

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

इस में और चयनित तत्व (रों) के रूप में $() कॉल में सीएसएस शैली चयनकर्ता से मिलान से बाहर मँडरा के लिए एक ईवेंट हैंडलर निर्धारित करता है।