Want to change the color of a placeholder of your input fields? Here is an example that helps you to change the color of a placeholder.
Basically, there are three different implementations i.e. pseudo-elements, pseudo-classes, and nothing.
Note: Internet Explorer 9 and lower versions does not support the placeholder attribute while Opera 12 and lower do not support any CSS selector for placeholders.
Here is the code for changing color of placeholders:
::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #FF6550; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #FF6550; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #FF6550; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #FF6550; }
<input name="txt" placeholder="Looks colorful!"> <textarea placeholder="Looks colorful also!"></textarea>
Note to remember that firefox’s placeholder appears to be defaulting with a reduced opacity, so we need to use opacity: 1 here.
NFTs, or Non-Fungible Tokens, are revolutionizing the digital economy. These unique digital assets, authenticated through…
Sinus infections, impacting approximately 31 million Americans each year, represent a significant health concern stemming…
No doubt that balanced weight is the key to wellness. So, when it comes to…
Pros And Cons Of AI: Artificial Intelligence directly translates to conceptualizing and building machines that…
We all live on the internet; we use it for everything. Thus, when it comes…
Introduction: Pink eye, or conjunctivitis, is a common eye condition characterized by redness and inflammation…