CSS
कर्सर स्टाइलिंग

वाक्य - विन्यास

• कर्सर: ऑटो | डिफ़ॉल्ट | कोई नहीं | संदर्भ-मेनू | मदद | सूचक | प्रगति | प्रतीक्षा करें | सेल | क्रॉसहेयर | पाठ | ऊर्ध्वाधर-पाठ | उर्फ | कॉपी | चाल | नो-ड्रॉप | अनुमति नहीं | ई-आकार | एन-आकार | एन-आकार | nw-resize | एस-आकार | se-resize | स्व-आकार बदलें | w- आकार परिवर्तन | ew-resize | ns-resize | nesw- आकार परिवर्तन | nwse-resize | col-resize | पंक्ति-आकार परिवर्तन | आल-स्क्रॉल | झूम-इन | ज़ूम-आउट | हड़पना | हथियाने;

कर्सर का प्रकार बदलना

cursor: value;

उदाहरण:

सूचक-घटनाओं

पॉइंटर-ईवेंट प्रॉपर्टी नियंत्रण के लिए अनुमति देती है कि HTML तत्व माउस / स्पर्श घटनाओं पर कैसे प्रतिक्रिया देते हैं।

.disabled {
  pointer-events: none;
}

इस उदाहरण में,

'कोई नहीं' निर्दिष्ट HTML तत्व पर सभी क्लिक, स्टेट और कर्सर विकल्पों को रोकता है [[1]]

HTMl तत्वों के अन्य मान्य मूल्य हैं:

• ऑटो;
• प्राप्त करती हैं।

1. https://css-tricks.com/almanac/properties/p/pointer-events/

अन्य संसाधन:

• https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

• https://davidwalsh.name/pointer-events

कैरट रंग

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

एचटीएमएल

<input id="example" />

सीएसएस

#example {
  caret-color: red;
}

संसाधन:

• https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color