Как после того как убрал цвет у placeholder сделать текст видимым?

Question

[bullock]

Нашел способ который при клике убирает текст в поле placeholder:

input:focus{ 
	color: transparent;
}

Все отлично, но проблема в том, что при вводе текст, его не видно из за того что он transparent....
Какое тут может быть решение без js?

Answer 1

[Ankhena]

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;
}

Comments

[bullock]

не работает в firefox 57.0b6

Answer 2

[Ольга Ветер]

это не способ. гуглите дальше, задачка классическая, есть хорошие решения.

вам в сторону ::-webkit-input-placeholder и компании