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

Question

所以我知道how to使用CSS指定HTML input占位符的颜色。但是，对于Mozilla Firefox中input类型的number字段，这似乎不起作用（尽管在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/

---

BUT

输入类型=“数字” 这显然是一个错误： 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>