इनपुट कर्सर रंग

Question

कुछ मूल्य दर्ज करते समय HTML इनपुट प्रकार टेक्स्ट में सामग्री का रंग कैसे बदलें। और कर्सर रंग भी ध्यान केंद्रित करते समय।

Answer 1

जब सामग्री में प्रवेश रंग बदलना आसान है:

input:focus { color: yellow } 

IE7 और कम द्वारा समर्थित नहीं। संगतता तालिका here।

कर्सर रंग को बदलना विशेष रूप से असंभव है जहां तक ​​मुझे पता है। यह आमतौर पर पाठ सामग्री के रंग पर ले जाएगा जो ज्यादातर मामलों में ठीक होना चाहिए।

Answer 2

टेक्स्ट रंग निर्दिष्ट करने के लिए color का उपयोग करें। कैरेट के रंग को निर्दिष्ट करने के लिए caret-color का उपयोग करें।

एचटीएमएल

<input class="examples" /> 
<textarea class="examples"></textarea> 

सीएसएस

.examples { 
    color: gray; 
    caret-color: red; 
} 

Answer 3

उपयोग आधुनिक सीएसएस!

input { 
    caret-color : red; 
} 
input:focus { 
    color : yellow; 
}