如何在bootstrap中为textarea字段提供背景颜色

时间:2017-07-22 05:14:28

标签: css twitter-bootstrap

需要在bootstrap中为我的文本区域字段提供背景颜色 这是文本区域字段

<div class="form-group">
    <div class="col-xs-12">
     <textarea class="form-control" id="exampleTextarea" rows="6"  placeholder="Message"></textarea>
    </div>
   </div>

5 个答案:

答案 0 :(得分:8)

添加此课程。

textarea#exampleTextarea {
    background: gray;
}

或者你也可以使用它。

#exampleTextarea {
    background: gray;
}

答案 1 :(得分:1)

试试这个:

textarea.form-control {
color: #63AEEB
}

答案 2 :(得分:0)

你可以尝试一下

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

答案 3 :(得分:0)

您可以使用ID

#email { 
  background-color: #E2E4E9 !important;
}

答案 4 :(得分:0)

您需要添加其中一个准备好的类https://getbootstrap.com/docs/4.1/utilities/colors/#background-color,例如.bg-warning.bg-danger等:

<textarea class="bg-warning"></textarea>

或者您的情况就像

<textarea class="form-control bg-warning"...