如何改变CSS类的文本颜色？

Question

我正在使用Bootstrap.css，其中有一个名为“form-control”的类。 我使用这个类来设置我的aspx控件的样式。问题是它的文本框字体颜色是灰色的，而我想要黑色的。我对CSS一窍不通。有没有办法可以将其从灰色改为黑色？ 谢谢。

- el323

Answer 1

您可以通过添加以下代码重置类“form-control”的文本颜色：

.form-control {
  color:#000000;
}

在标签中引入bootstrap.min.css之后，将此属性添加到一个单独的CSS文件中，并在该文件中包含它。

- Ash

Answer 2

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

- LStarky

Answer 3

如果您想让所有文本框的字体颜色为黑色，请添加以下内容：

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

在你的CSS文件中添加：

否则，创建一个类：

.black-input {
  color: black
}

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

- Edmar Miyake

Answer 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">

- HuntsMan

Answer 5

您需要在CSS文件中添加类似以下的代码。

.form-control {
  color: #000;
}

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

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

学习一些CSS并不可怕。它非常容易掌握（您可以在不到一个小时内掌握基础知识）。

- Patrick H.