2013-03-09 28 views
8

JQuery için tıklatılıp kullanılabilecek bir metin oluşturmak için <a> kullanıyorum. Zaten CSS un-highlightable yapmak lazım:İşaretleyici imlecini CSS'ye engelle?

-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; 

Ama yine de süpürdü ne zaman bir "Ben", metin gibi genellikle yapar Serifed şeklinde imleç değişir. Bunu engellemenin bir yolu var mı, ve tercihen, normalde neden olan linklerin "el" imlecine mi değiştirilmeli? Düşündüğüm tek şey, üstüne görünmez bir div vermekti, ama bu onları sakıncalı hale getirecek ve normal işaretçiyi koruyacaktı.

+0

nu yapmalıdır. Linklerin bir href özelliği var mı? – JJJ

+0

@Juhana no, jQuery'nin 'click' kullanıyorum – tkbx

+0

Hiçbir şey yapmayan bir href eklerseniz (örneğin' href = "#" ') her zamanki işaretçiyi görmelisiniz. – JJJ

cevap

17

Vurguluyken imleç özelliğini kullanmanız yeterlidir.

a:hover { 
    cursor: pointer; 
} 

Sen Set mevcut imleç here.

Örnek 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

Mükemmel, bu durumda imleci: el'i kullanayım. – tkbx

-1

değerleri görebilirsiniz <a> etiketi JJJ href üzerinde bir yorumda dediği gibi <a href="">

için = "#" burada çalışır, ancak # değerini ur'e ekler l. Bunun yerine href ayarının "" olarak ayarlanması, bağlantıyı göndermek için bir alternatif olabilir ve imleç reaksiyonunun kaldırılmasıdır.

düzenleme: Bu, sayfayı yeniden yükler ve hatalara neden olabilir. Konuya daha fazla okumadığım için özür dilerim. cursor: hand; parametresinin tümünün no'lu etiketin üzerinde bulunan tümcelere göre ayarlanması

İlgili konular