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

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

Answer 2

这似乎是输入类型编号的错误，因此您目前可以使用以下方式：

input[type="number"]{
  color: #f00;
}
input[type="number"]:active,input[type="number"]:focus,input[type="number"]:hover{
  color: #000;
  }

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