CSS उपयोगकर्ता-चयन संपत्ति
उदाहरण
<div> तत्व के टेक्स्ट चयन को रोकें:
div
{
-webkit-user-select: none; /* Safari */
-ms-user-select:
none; /* IE 10 and IE 11 */
user-select: none; /* Standard
syntax */
}
परिभाषा और उपयोग
गुण निर्दिष्ट करता है कि क्या किसी तत्व का user-select
पाठ चुना जा सकता है।
वेब ब्राउज़र में, यदि आप किसी टेक्स्ट पर डबल-क्लिक करते हैं तो वह चयनित/हाइलाइट हो जाएगा। इसे रोकने के लिए इस संपत्ति का उपयोग किया जा सकता है।
डिफ़ॉल्ट मान: | ऑटो |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | नहीं। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS3 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.userSelect="none" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
-वेबकिट- या -मोज़ के बाद की संख्याएं- पहले संस्करण को निर्दिष्ट करें जो उपसर्ग के साथ काम करता है।
Property | |||||
---|---|---|---|---|---|
user-select | 54.0 6.0 -webkit- |
79.0 10.0 -ms- |
69.0 2.0 -moz- |
3.1 -webkit- | 41.0 15.0 -webkit- |
सीएसएस सिंटेक्स
user-select: auto|none|text|all;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
auto | Default. Text can be selected if the browser allows it | |
none | Prevent text selection | |
text | The text can be selected by the user | |
all | Text selection is made with one click instead of a double-click |
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: उपयोगकर्ता संपत्ति का चयन करें