2012-06-25 12 views
12

मेरे पास <a id="javascriptlink"> टैग है, बिना href के। Jquery onclick द्वारा संभाला इसकी कार्रवाई। तो, मैं इसे एक लिंक की तरह दिखने के लिए सीएसएस a:link {text-decoration: underline;} और a:hover {text-decoration: none;} में रखना चाहता हूं।सीएसएस के बिना एंकर के लिए अंडरलाइन

हालांकि, एंकर अंडरलाइन केवल तब काम करती है जब href विशेषता प्रस्तुत की जाती है। कोई उपाय?

उत्तर

18

a:link केवल href मौजूद होने के साथ काम करता है। यदि कोई href नहीं है, तो यह केवल एक लंगर है और एक लिंक नहीं है।

a {text-decoration: underline;} 
+3

+1 सरल। किसी भी तरह से यह कभी मेरे सामने नहीं आया कि 'ए: लिंक' एक एंकर टैग है जो एक लिंक है और' ए 'सामान्य रूप से एंकरों पर लागू होता है। पूरी समझ में आता है। मैंने हमेशा एंकरों को लिंक के रूप में इस्तेमाल किया है और कभी भी एंकर नहीं किया है। – iambriansreed

+0

समाधान के लिए धन्यवाद। बस 'ए: लिंक जोड़ने के लिए, एक: विज़िट {} 'एक आकर्षण की तरह काम किया। – Shubh

6
a{ 
    text-decoration: underline; 
    cursor: pointer; 
} 
a:hover{ 
    text-decoration: none; 
} 
3

बस href विशेषता जोड़ें लेकिन लिंक को ईवेंट रद्द करके कुछ भी नहीं करें।

<a href="#" onclick="event.preventDefault(); return false;" id="javascriptlink"> 
+0

मुझे लगता है कि आपका प्रयास सभी क्लिक गतिविधियों को रोक देगा – thecodeparadox

+2

@thecodeparadox यह एक अनचाहे एंकर टैग की तरह व्यवहार करने का इरादा है। – iambriansreed

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