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>

आउटपुट

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