html - 文本区域中的文本颜色 Bootstrap

Question

	<div class="container">
	  <h2>Log</h2>
	  <div class="panel-group">
		<div class="panel panel-default">
		  <div class="panel-heading">
			<h4 class="panel-title">
			  <a data-toggle="collapse" href="#collapseLog">Logger</a>
			</h4>
		  </div>
		  <div id="collapseLog" class="panel-collapse collapse">
			<div class="panel-body"> 
				<label for="comment">Log:</label>
				<textarea class="form-control" rows="5" id="comment"></textarea>
			</div>
		  </div>
		</div>
	  </div>
	</div>

我正在尝试创建一个 WSocket 记录器，我正在尝试将字体的颜色更改为绿色，将背景更改为灰色

以完美更改背景的样式执行此操作:

textarea{ 
    background-color:gray !important;
}

但如果我尝试设置文本字体颜色，请这样做:

textarea{ 
    background-color:gray !important;
    color: #fff;
}

努力工作...

我怎样才能做到这一点？

谢谢!

Answer 1

您应该在 textarea 上使用更强大的选择器来覆盖 bootstrap css。例如:

#comment {
  color: #fff;
}

PS:显然，您也可以在该行中使用 !important，但它只适用于极少数情况，否则被视为(非常)糟糕的做法。我想说，即使使用 #id 也有点矫枉过正。

这是关于选择器特异性的一个很好的指南: selector specifities and strengths