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

 

所以我知道如何使用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;
}

UPDATE

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

尝试这个 

:-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

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

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>
链接地址: http://www.djcxy.com/p/70465.html

上一篇: How to change placeholder color for number input? (Firefox)

下一篇: fail to change placeholder color with Bootstrap 3