Twitter bootstrap 引导中的占位符颜色更改

如何更改引导中的占位符颜色

我尝试过的以下代码无效

input::-webkit-input-placeholder {
        color: red;
}

input:-moz-placeholder {
        color: red;
}

---

在Bootstrap 4中，您可以这样更改它：

.form-control::-webkit-input-placeholder {
  color: red;
}

以下是参考链接。

---

对于引导4，如果您使用的是SCS，在导入引导之前只需

$input placeholder color

// variable overrides
$input-placeholder-color: red;

// Bootstrap and its default variables
@import "../node_modules/bootstrap/scss/bootstrap";

---

我想你需要用

覆盖它！重要信息

，类似于

颜色：红色！重要的尝试在浏览器中检查CSS。您将看到什么CSS具有最高优先级，然后您可以向代码中添加更多选择器，使CSS具有更高的优先级。或者使用
！重要信息
。但请使用！同样重要的是，最好使用引导样式系统，而不是使用未知交互覆盖它，如。不适用于我-占位符是灰色的。只需稍微更新更多颜色：红色！重要的；
// variable overrides
$input-placeholder-color: red;

// Bootstrap and its default variables
@import "../node_modules/bootstrap/scss/bootstrap";