Question

<input type="text" placeholder="test" />
<input type="number" placeholder="test" />

How do I style it?

:-moz-placeholder {
  color: red;
  opacity: 1;
}

::-moz-placeholder {
  color: red;
  opacity: 1;
}

Why doesn't the global placeholder work on it, even though firebug shows it's applied? Is it a bug, is it an intention?

http://jsbin.com/papad/1/edit?html,css,output

enter image description here

Was it helpful?

Solution

It's apparently a bug:

However, it seems to actually work for some users...

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top