数字输入上的Firefox占位符样式[重复]答案

【问题标题】：Firefox placholder style on number inputs [duplicate]数字输入上的Firefox占位符样式[重复]
【发布时间】：2014-07-12 15:07:36
【问题描述】：

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

示例代码：

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

css:

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

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

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

【问题讨论】：

标签： css

【解决方案1】：

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

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

注意：

在 chrome 中它不会反映，直到您定义如下所示的初始值。

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

【讨论】：