होवर पर एक नाम से अंडरलाइन कैसे निकालें

Question

मेरे पास ऐसे HTML हैं:

<legend class="green-color"><a name="section1">Section</a></legend>

legend.green-color{
    color:green;
}

मेरे मामले में Sectionहरे रंग की दिख रही है, लेकिन जब मैंने उस पर माउस पॉइंटर लगाया तो वह एक href की तरह लग रही थी, लेकिन मैं चाहता हूं कि यह बिना अंडरलाइन और रंग बदले बस एक ही रहे।

क्या बिना सीएसएस को बदलना संभव है या न्यूनतम सीएसएस केहेनज के साथ?

या किसी तरह jquery के साथ हो सकता है?

Answer 1

इसे इस्तेमाल करे:

legend.green-color a:hover{
    text-decoration: none;
}

Comments

बूटस्ट्रैप का उपयोग करने वाले लोगों के लिए FYI ... मुझे इस काम के लिए "महत्वपूर्ण" के बाद "महत्वपूर्ण" का उपयोग करने की आवश्यकता थी। उदाहरण: a: होवर {टेक्स्ट-डेकोरेशन: कोई नहीं! महत्वपूर्ण! }

— JustBlossom

Answer 2

एंकर टैग के लिए पाठ सजावट निकालें

<a name="Section 1" style="text-decoration : none">Section</a>

Comments

यह इन-लाइन शैलियों का उपयोग करने के लिए एक खराब अभ्यास माना जाता है। रखरखाव कार्य को बाद में कम करने के लिए html को शैलियों से अलग करना बेहतर है।

मैं यहाँ एक लौ युद्ध लाने के लिए मतलब नहीं है, लेकिन मैं इस में लाइन शैली पसंद है। मेरा मतलब है कि मेरी HTML फ़ाइल को एक या दो बार इस प्रकार की शैली की आवश्यकता है। मैं एक अलग स्टाइल शीट बनाकर समय को उचित नहीं देखता, यहां तक ​​कि पृथक्करण भी एक अच्छा अभ्यास बनाता है।

— user3454439

Answer 3

आप इसे करने के लिए CSS का उपयोग कर सकते हैं legend.green-color a:hover।

legend.green-color a:hover {
    color:green;
    text-decoration:none;
}

Answer 4

रंग रखने और लिंक पर एक रेखांकन को रोकने के लिए:

legend.green-color a{
    color:green;
    text-decoration: none;
}

Answer 5

आप विशिष्ट लिंक के लिए एक आईडी असाइन कर सकते हैं और सीएसएस जोड़ सकते हैं। नीचे दिए गए चरणों को देखें:

1. अपनी पसंद की एक आईडी (एक अद्वितीय नाम होना चाहिए; केवल पाठ से शुरू कर सकते हैं, संख्या नहीं):

<a href="/abc/xyz" id="smallLinkButton">def</a>

2. फिर आवश्यक सीएसएस इस प्रकार जोड़ें:

   #smallLinkButton:hover,active,visited{
   
         text-decoration: none;
         }

Answer 6

legend.green-color{
    color:green !important;
}