2012-12-04 21 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; 
} 

यह एक सीएसएस बटन है।
जब उपयोगकर्ता गलती से एकल के बजाय डबल क्लिक करता है, तो बटन के अंदर टेक्स्ट चुना जाता है, यानी - इसका पृष्ठभूमि रंग बदलता है।
डबल क्लिक पर इसे चुनने से कैसे रोकें?डबल क्लिक पर टेक्स्ट का चयन कैसे रोकें?

+0

इस प्रश्न का डुप्लिकेट? http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection- हाइलाइटिंग – Michelle

+1

@ मिशेल, आपके लिंक पर स्वीकार्य समाधान क्या है? साथ ही, मैं केवल बटन पर पृष्ठ के बॉडी भाग में टेक्स्ट चुनना नहीं रोकना चाहता हूं। – Alegro

+0

@ मिशेल के लिंक पर "स्वीकृत" समाधान, अधिक वोटों वाला समाधान है। वह सीएसएस कोड उपयोगकर्ता को पृष्ठ के अन्य हिस्सों से टेक्स्ट चुनने से क्यों रोक देगा? आपने इसे अपने #btnLeft {} पर रखा है और यह आपके शेष दस्तावेज़ में हस्तक्षेप नहीं करता है। –

उत्तर

39

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

नलपोइंटर, बहुत बहुत धन्यवाद। हल – Alegro

+1

सीएसएस मेरे लिए काम किया, धन्यवाद! – Leo

6

कोशिश आप एक <button> या <a> टैग का उपयोग और एक href विशेषता तो व्यवहार को कम किया जाना चाहिए शामिल करते हैं तो सीएसएस के साथ थोड़ा jQuery

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

प्रयास करें। और इसके अधिक अर्थपूर्ण :)

+0

कुछ स्थितियों में, यह लेबल के अंदर चेकबॉक्स का उपयोग करते समय संभव नहीं है :) –