CSS के साथ टेक्स्ट चयन सक्षम या अक्षम करें

CSS user-select प्रॉपर्टी का उपयोग यह नियंत्रित करने के लिए किया जाता है कि किसी तत्व का टेक्स्ट उपयोगकर्ता द्वारा चुना जा सकता है या नहीं। यह UI तत्वों में आकस्मिक चयन को रोकने के लिए उपयोगी है।

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      div { 
        user-select: none; 
      } 
    </style> 
  </head> 
  <body> 
    <h2>यह डेमो हेडिंग है</h2> 
    <div>यह डेमो टेक्स्ट है। आप इसे चुन नहीं पाएंगे।</div> 
  </body> 
</html>

मान: none (चयन अक्षम), auto (डिफ़ॉल्ट व्यवहार), text (केवल टेक्स्ट चयन योग्य), all (पूरा तत्व एक बार में चयन योग्य)। ब्राउज़र प्रीफिक्स (-webkit-user-select, -moz-user-select) की आवश्यकता हो सकती है।