Bootstrap 文本区域中文本颜色引导

14ifxucb  于 11个月前  发布在  Bootstrap
关注(0)|答案(2)|浏览(136)
<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;
}


doenst工作.
我怎样才能做到这一点?
谢谢你,谢谢

s8vozzvw

s8vozzvw1#

你应该在文本区域使用一个更强的选择器来覆盖引导css。例如:

#comment {
  color: #fff;
}

字符串
附言:你当然可以用!这一点也很重要,但是它只适用于极少数情况,否则被认为是(非常)糟糕的做法。我想说,即使使用#id也有点矫枉过正。
这里有一个关于选择器特异性的很好的指南:selector specifities and strengths

xam8gpfp

xam8gpfp2#

您也可以在“颜色”中添加!important:

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

字符串

相关问题