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