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


123

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

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

legend.green-color{
    color:green;
}

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

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

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

जवाबों:


225

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

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

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

19

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

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

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

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


5

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

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

3

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

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

<a href="/abc/xyz" id="smallLinkButton">def</a>
  1. फिर आवश्यक सीएसएस इस प्रकार जोड़ें:

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

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.