对于Bootstrap用户，如果您使用class=“form control”，则可能存在CSS特定性问题。您应该获得更高的优先级：

.form-control::-webkit-input-placeholder {
    color: red;
}
//.. and other browsers

或者如果您使用的是Less:

.form-control{
    .placeholder(red);
}

/*不要将这些规则分组*/*：：-webkit输入占位符{颜色：红色；}*：-moz占位符{/*第4-18页*/颜色：红色；不透明度：1；}*：：-moz占位符{/*FF 19以上*/颜色：红色；不透明度：1；}*：-ms输入占位符{/*即10+*/颜色：红色；}*：：-ms输入占位符{/*Microsoft边缘*/颜色：红色；}*：：占位符{/*现代浏览器*/颜色：红色；}<input placeholder=“hello”/><br/><textarea placeholder=“hello”></textarea>

这将设置所有输入和文本区域占位符的样式。

重要提示：不要将这些规则分组。相反，为每个选择器制定一个单独的规则（组中的一个无效选择器将使整个组无效）。

对于Bootstrap和Less用户，有一个mixin.placeholder：

// Placeholder text
// -------------------------
.placeholder(@color: @placeholderText) {
  &:-moz-placeholder {
    color: @color;
  }
  &:-ms-input-placeholder {
    color: @color;
  }
  &::-webkit-input-placeholder {
    color: @color;
  }
}

试试这个吧

input::placeholder 
  color:#900009;
}

对于Sass用户：

// Create placeholder mixin
@mixin placeholder($color, $size:"") {
  &::-webkit-input-placeholder {
    color: $color;
    @if $size != "" {
      font-size: $size;
    }
  }
  &:-moz-placeholder {
    color: $color;
    @if $size != "" {
      font-size: $size;
    }
  }
  &::-moz-placeholder {
    color: $color;
    @if $size != "" {
      font-size: $size;
    }
  }
  &:-ms-input-placeholder {
    color: $color;
    @if $size != "" {
      font-size: $size;
    }
  }
}

// Use placeholder mixin (the size parameter is optional)
[placeholder] {
  @include placeholder(red, 10px);
}

对于Bootstrap用户，如果您使用class=“form control”，则可能存在CSS特定性问题。您应该获得更高的优先级：

.form-control::-webkit-input-placeholder {
    color: red;
}
//.. and other browsers

或者如果您使用的是Less:

.form-control{
    .placeholder(red);
}