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

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


CSS के साथ प्लेसहोल्डर एट्रिब्यूट का रंग बदलने के लिए, कोड इस प्रकार है -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      padding: 20px;
   }
   input {
      font-size: 40px;
      font-weight: bold;
   }
   ::placeholder {
      color: rgb(70, 53, 167);
   }
   :-ms-input-placeholder {
      color: rgb(66, 51, 155);
   }
   ::-ms-input-placeholder {
      color: rgb(122, 69, 182);
   }
</style>
</head>
<body>
<h1>Placeholder color change example</h1>
<input type="text" placeholder="Some placeholder text" />
</body>
</html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

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


  1. सीएसएस के साथ डिफ़ॉल्ट टेक्स्ट चयन रंग को ओवरराइड कैसे करें?

    सीएसएस के साथ डिफ़ॉल्ट टेक्स्ट चयन रंग को ओवरराइड करने के लिए, कोड इस प्रकार है उदाहरण <!DOCTYPE html> <html> <head> <style>    ::-moz-selection {       color: rgb(255, 255, 255);       background: rgb(118, 69, 231);    } &nbs

  1. CSS में टेक्स्टबॉक्स के लिए प्लेसहोल्डर का रंग कैसे बदलें

    ::प्लेसहोल्डर छद्म-तत्व का उपयोग करके, हम टेक्स्टबॉक्स के लिए प्लेसहोल्डर टेक्स्ट का रंग बदल सकते हैं। CSS ::प्लेसहोल्डर छद्म तत्व का सिंटैक्स इस प्रकार है - ::placeholder { attribute: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS ::प्लेसहोल्डर छद्म-तत्व को दर्शाते हैं। <!DOCTYPE html> <htm

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

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