2012-12-04 14 views
12
#btnLeft{ 
    width:40px; 
    padding:2px 5px 2px 5px; 
    background-color: #20a0a0; 
    border: thin solid #099; 
    border-radius:7px; 
    text-align:center; 
    font-family:"Futura Md BT"; 
    font-size:large; 
    color:#FFF; 
} 

Bu bir css düğmesidir.
Kullanıcı yanlışlıkla tek bir yerine çift tıklama yaptığında, düğmenin içindeki metin seçilir, yani arka plan rengini değiştirir.
Çift tıklamayla bu seçim nasıl önlenir?Çift tıklamayla metin seçimini nasıl önleyebilirim?

+0

Bu sorunun kopyası nedir? http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting – Michelle

+1

@Michelle, bağlantınızdaki kabul edilen çözüm nedir? Ayrıca, sayfanın gövde kısmında, yalnızca düğmelerdeki metni seçmeyi önlemek istemiyorum. – Alegro

+0

@ Michelle'in linkindeki "kabul edilen" çözüm, daha fazla oyu alan çözümdür. Bu CSS kodu, kullanıcının sayfanın diğer bölümlerinden metin seçmesini neden engeller? #btnLeft {} 'a eklediniz ve belgenizin geri kalanına müdahale etmiyorsunuz. –

cevap

39

Bir <button> veya <a> etiketini kullanın ve sonra davranış hafifletilebilir gereken bir href niteliği eklerseniz

-webkit-user-select: none; 
-moz-user-select: none; 
-khtml-user-select: none; 
-ms-user-select: none; 
+1

NullPointer, Çok teşekkürler. Çözüldü – Alegro

+1

CSS benim için çalıştı, teşekkürler! – Leo

6

deneyin css ile biraz jquery

$(element).mousedown(function(){ return false; }) 

deneyin. Ve daha semantik :)

+0

Bazı durumlarda, etiket içindeki onay kutularını kullanmak mümkün değildir :) –