Like after I removed the color to make the placeholder text visible?

Found the way that when you click removes the text in the placeholder:
input:focus{ 
 color: transparent;
}

Everything is fine, but the problem is that when entering text, it is not visible because it is transparent....
How can there be a solution without js?
June 14th 19 at 18:12
2 answers
June 14th 19 at 18:14
Solution
input:focus:-moz-placeholder {
 color: transparent;
}
input:focus::-webkit-input-placeholder {
 color: transparent;
}
input:-moz-placeholder {
 color: #ccc;
}
input::-webkit-input-placeholder {
 color: #ccc;
}
textarea:focus:-moz-placeholder {
 color: transparent;
}
textarea:focus::-webkit-input-placeholder {
 color: transparent;
}
textarea:-moz-placeholder {
 color: #ccc;
}
textarea::-webkit-input-placeholder {
 color: #ccc;
}
does not work in firefox 57.0b6 - cassie_Herma commented on June 14th 19 at 18:17
June 14th 19 at 18:16
this is not the way. Google further, the task classic, there's a good solution.

you to the side ::-webkit-input-placeholder and companies

Find more questions by tags CSS