2011-07-02 10 views
10

मैं एक लिंक से अंडरलाइन को हटाना चाहता हूं। इसके अलावा मैं अपने माउस पॉइंटर के साथ इसे घुमाने पर अंडरलाइन दिखाना चाहता हूं। यह कैसे किया जा सकता है? Pls मदद करते हैं।लिंक से अंडरलाइन कैसे निकालें और होवर पर अंडरलाइन जोड़ें? (छवियों संलग्न)

नहीं मंडराना: NO Hover - Normal link

जब मैं Login लिंक मंडराना: When I hover the Login link

+1

कुछ html जोड़ने ... –

उत्तर

8

आप लिंक के लिए सीएसएस संपत्ति text-decoration बंद कर देते हैं और फिर उपयोग करने की आवश्यकता :hoverdynamic pseudo classtext-decoration वापस जब जोड़ने के लिए मँडरा।

a { 
    text-decoration:none; 
} 

a:hover { 
    text-decoration:underline; 
} 

Demo

इसके अलावा, आप भी :visited:hover छद्म वर्ग शैली ताकि रेखांकन लिंक पहले से कोई उपयोगकर्ता का दौरा किया पर दिखाई देता है आवश्यकता हो सकती है। link order in css एक अच्छा जवाब है क्योंकि सीएसएस नियमों के आदेश के मामले महत्वपूर्ण हैं।

1
अपने शैली पत्रक, जो कुछ भी आईडी है

अपना लॉगिन लिंक मान लिया जाये कि आईडी login है ...

#login { 
    text-decoration: none; 
} 

#login:hover { 
    text-decoration: underline; 
} 
0

#LoginButton a:active {text-decoration: none;} 
#LoginButton a:hover {text-decoration: underline; color: white;} 
0

कॉल प्रवेश बटन के भीतर एक CSSClass और शैली पत्रक में निम्नलिखित लाइनों को परिभाषित,

.ClassName a:link {text-decoration:none;}//removes underline 


    .ClassName a:hover {text-decoration:underline;}// displays underline on mouse over 

आशा इस मदद करता है ..

संबंधित मुद्दे