2013-03-09 4 views
8

मैं टेक्स्ट बनाने के लिए <a> का उपयोग कर रहा हूं जिसे क्लिक किया जा सकता है और jQuery के लिए उपयोग किया जा सकता है। मैं पहले से ही सीएसएस यह अन-highlightable बनाने के लिए मिल गया है:सीएसएस में हाइलाइटर कर्सर को रोकें?

-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
text-decoration: none; 

लेकिन यह अभी भी कर्सर की तरह एक serifed "मैं" जब यह hovered है, पाठ की तरह आम तौर पर करता है आकार करने के लिए बदल जाता है। क्या इसे रोकने के लिए कोई तरीका है, और अधिमानतः इसे "हाथ" कर्सर में बदलना जो सामान्य रूप से लिंक करता है? एकमात्र चीज जिसे मैंने सोचा था, शीर्ष पर एक अदृश्य div था, लेकिन इससे उन्हें अनजान कर दिया जाएगा, और यह सामान्य सूचक रखेगा।

+0

क्या लिंक में 'href' विशेषता है? – JJJ

+0

@ जुहाना नहीं, मैं jQuery के 'क्लिक' – tkbx

+0

का उपयोग कर रहा हूं यदि आप कोई ऐसा href जोड़ते हैं जो कुछ भी नहीं करता है (उदाहरण के लिए' href = "#" ') आपको सामान्य पॉइंटर देखना चाहिए। – JJJ

उत्तर

17

बस होवर पर कर्सर प्रॉपर्टी का उपयोग करें।

a:hover { 
    cursor: pointer; 
} 

आप देख सकते हैं उपलब्ध कर्सर को महत्व देता here.

उदाहरण http://jsfiddle.net/8nyEE/

<a class="hand">link with hand cursor</a> 

<br/><br/> 

<a class="nohand">link with default cursor</a> 

a {color: blue;} 

.hand:hover { 
    cursor: pointer; 
} 

.nohand:hover { 
    cursor: default; 
} 
+0

बिल्कुल सही, मैं इस मामले में 'कर्सर: हाथ' का उपयोग करता हूं। – tkbx

-1

सेट JJJ के रूप में href ऊपर एक टिप्पणी में कहा <a> टैग <a href="">

लिए = "#" यहां काम करेगा, लेकिन # को यू में जोड़ें एल। इसके बजाय href को "" सेट करने का विकल्प होगा, जहां मैं कर्सर प्रतिक्रिया

संपादित करें: यह पृष्ठ को पुनः लोड करता है और त्रुटियों का कारण बन सकता है। इस मुद्दे में आगे नहीं पढ़ने के लिए माफ़ी। के सभी बच्चों पर cursor: hand; सेट करना पाठ युक्त टैग

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