Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS कैरेट-कलर के साथ कर्सर का रंग बदलें

<घंटा/>

इंसर्शन कैरेट का रंग बदलने के लिए, CSS कैरेट-कलर प्रॉपर्टी उपयोग किया जाता है।

उदाहरण

निम्नलिखित उदाहरण CSS कैरेट-रंग गुण को दर्शाते हैं।

<शैली>फॉर्म { पैडिंग:2%; मार्जिन:2%; टेक्स्ट-एलाइन:सेंटर;}फॉर्म:फोकस-इन {बॉक्स-शैडो:0 0 10px rgba(0,0,0,0.6); पृष्ठभूमि-रंग:बेज;}इनपुट {फ़ॉन्ट-आकार:3em; कैरेट-रंग:चार्टरेस; मार्जिन:2%;}
<बटन>हिट!

आउटपुट

यह निम्नलिखित परिणाम देगा -

CSS कैरेट-कलर के साथ कर्सर का रंग बदलें

उदाहरण

<शैली>फॉर्म { पैडिंग:2%; मार्जिन:2%; बैकग्राउंड-कलर:थीस्ल;}फॉर्म:फोकस-इन {बॉक्स-शैडो:0 0 10px rgba(0,0,0,0.6);}textarea { कैरेट-कलर:ट्रांसपेरेंट;}
<इनपुट प्रकार="रेडियो" />1<इनपुट प्रकार="रेडियो" />2

आउटपुट

यह निम्नलिखित परिणाम देगा -

CSS कैरेट-कलर के साथ कर्सर का रंग बदलें


  1. कैसे सीएसएस के साथ एक उत्तरदायी प्रपत्र बनाने के लिए? कैसे सीएसएस के साथ एक उत्तरदायी प्रपत्र बनाने के लिए?

    सीएसएस के साथ रिस्पॉन्सिव फॉर्म बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body {    font-family: Arial;    font-size: 17px;

  1. सीएसएस के साथ एक स्टैक्ड फॉर्म कैसे बनाएं? सीएसएस के साथ एक स्टैक्ड फॉर्म कैसे बनाएं?

    CSS के साथ स्टैक्ड फॉर्म बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {    font-family: Arial, Helvetica, sans-serif;    fo

  1. CSS के साथ प्लेसहोल्डर एट्रिब्यूट का रंग कैसे बदलें? CSS के साथ प्लेसहोल्डर एट्रिब्यूट का रंग कैसे बदलें?

    CSS के साथ प्लेसहोल्डर एट्रिब्यूट का रंग बदलने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "