文本区域中的文本颜色 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

您应该在文本区域使用更强大的选择器来覆盖 bootstrap css。例如：

#comment {
  color: #fff;
}

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

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

文本区域中的文本颜色 bootstrap

text color bootstrap in textarea

html

css

textarea

twitter-bootstrap