2016-12-06 54 views
0

文本颜色引导

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

想创建一个WSocket记录,我试图改变字体为绿色和背景的颜色为灰色

在这样做风格prefectly更改背景:

textarea{ 
    background-color:gray !important; 
} 

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

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

doenst工作...

我怎么能做到这一点?

谢谢!

+0

您的片段并没有真正包括引导样式表,它的混乱,因为使用当前的片段(无引导)改变颜色不工作 - 基本上你需要复制与您的项目完全相同(包括可能导致问题的引导程序) –

回答

1

你应该在textarea上使用更强的选择器来覆盖引导CSS。例如:

#comment { 
    color: #fff; 
} 

!PS:很明显,你可以使用该行同样重要,但它是非常罕见的情况下,否则视为非常不好的做法。我会说,即使#id的使用有点矫枉过正。

这里是关于选择特异性的伟大指南: selector specifities and strengths