2016-12-06 9 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 регистратор и я пытаюсь изменить цвет шрифта на зеленый, а фон серый

делает это в стиль Изменение фона втирают:

textarea{ 
    background-color:gray !important; 
} 

, но если я пытаюсь установить цвет текста шрифт делает это:

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

doenst работа ...

, как я могу добиться этого?

Спасибо!

+0

Ваш фрагмент действительно не включать самозагрузки таблицы стилей, его сбивает с толку, потому что с помощью текущего фрагмента (без начальной загрузки) изменение цвета ДЕЛАЕТ работа - в основном вам нужно повторить точно так же, как ваш проект (включая загрузку, которая может вызвать проблему) –

ответ

1

Вы должны использовать более сильный селектор в текстовом поле для переопределения бутстрапа css. Например:

#comment { 
    color: #fff; 
} 

PS: Очевидно, что вы можете использовать важно на этой линии, а также, однако это для очень редких случаях, и в противном случае считается как (очень) плохая практика. Я бы сказал, что даже использование #id немного переборщило.

Здесь большое руководство о селекторном специфичности: selector specifities and strengths

 Смежные вопросы

  • Нет связанных вопросов^_^