如何更改css类的文本颜色？答案

【问题标题】：How to change text color of a css class?如何更改css类的文本颜色？
【发布时间】：2016-10-14 11:57:23
【问题描述】：

我正在使用 Bootstrap.css，并且有一个名为“form-control”的类。我正在使用这个类来设置我的 aspx 控件的样式。问题是它的文本框字体颜色是灰色的，我希望它是黑色的。我对CSS一无所知。有没有办法把它从灰色变成黑色？谢谢。

【问题讨论】：

【解决方案1】：

您可以通过添加来重置类的文本颜色 - 'form-control'

.form-control {
  color:#000000;
}

将此属性添加到单独的 css 文件中，并将其包含在 bootstrap.min.css 下方的 head 标记中。

【讨论】：

【解决方案2】：

如果您希望所有文本框的字体颜色为黑色，请添加：

input[type="text"] { color: black }

在您的 CSS 文件中。

否则，创建一个类：

.black-input {
  color: black
}

<input type="text" class="black-input">

【讨论】：

【解决方案3】：

转到http://getbootstrap.com/customize/并选择您想要的颜色，然后在底部编译和下载。

【讨论】：

【解决方案4】：

使用这个：

.input-black {
 // this is the one can change the color of a text even if its a placeholder
 color: black;
}

<input type="text" class="input-black">

【讨论】：

【解决方案5】：

您需要在您的 CSS 文件中添加一些类似这样的代码。

.form-control {
  color: #000;
}

请注意，您可能会遇到一些特异性声明问题。例如，如果在 bootstrap.css 中将颜色设置为另一个元素的子元素，则您可能无法覆盖颜色更改，除非您也与父元素一起声明它。例如：

.parent .form-control {
  color: #000;
}

不过，你不应该害怕学习一些 CSS。它非常容易掌握（您将在不到一个小时的时间内掌握基本知识）。

【讨论】：