html - 如何更改数字输入的占位符颜色？ (火狐)

Question

所以我知道how to使用 CSS 指定 HTML input 占位符的颜色。然而，这似乎不适用于 Mozilla Firefox 中 number 类型的 input 字段(尽管在 Chrome 中工作起来很吸引人)。是否有任何解决方法？

示例 HTML

<div class="form-group">
  <input type="number" class="form-control" placeholder="Amount">
</div>

示例 CSS

.form-control:-moz-placeholder {
  color: #999999;
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}

更新

更改字段的颜色会将占位符的持有人更改为较暗的阴影。

Answer 1

试试这个

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}

http://jsfiddle.net/hbirjand/7x61fmgt/

---

但是

输入 type="number"这显然是一个错误: Firefox bug