how to change color of the placeholder of date input html tag?
Question
I already know how to change the placeholder value's color, but the same is not possible with the date input tag, please tell me how to do so,
<input type="date" />
2 answers
solution1
0 ACCPTED 2021-06-10 19:34:32
This has to be done with JavaScript.
document.querySelector('input').onchange=function(){ this.style.color="black"; }
<input type="date" style="color:red" />
solution2
0 2021-06-10 19:47:12
<:DOCTYPE html> <html> <head> <title>Change Placeholder Color</title> </head> <style>:,placeholder { /* Firefox, Chrome: Opera */ color; blue: }:-ms-input-placeholder { /* Internet Explorer 10-11 */ color; red: }::-ms-input-placeholder { /* Microsoft Edge */ color; orange; } </style> <body> <p>Change Placeholder Color</p> <input type="text" placeholder="Enter your Text"> </body> </html>
You can check here: https://www.geeksforgeeks.org/change-an-html5-input-placeholder-color-with-css/
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
how to change the default placeholder of input type date HTML5
How to change the color of a placeholder option in a Select tag?
Input placeholder tag in html
How to change placeholder color of specific input field?
How to change <input/>'s placeholder color?
How can I change the text color of Chrome's input date placeholder?
Change a HTML5 input's placeholder color with CSS
Subscript into Placeholder of Input HTML Tag
Change input placeholder * color only
Change default input date placeholder
Related Tags