数字输入的Firefox占位符样式

Question

是否可以在firefox中为类型编号的输入字段的占位符设置样式？

示例代码：

<input type="text" placeholder="foo">
<input type="number" placeholder="foo">

的CSS：

input::-moz-placeholder {
  color: red;
}

input:-moz-placeholder {
  color: red;
}

http://codepen.io/anon/pen/yEtFB

在webkit中，占位符得到了正确的样式。 （使用webkit前缀占位符样式）

Answer 1

您可以使用以下代码来实现它。工作 Demo

input[type="number"]
{color:red;}

注意：

  

在Chrome中，在您定义如下的初始值之前，它不会反映出来。

<input type="number" placeholder="foo" value="5">