如何在Bootstrap中为文本区域字段设置背景颜色

Question

需要在Bootstrap中给我的文本区域字段添加背景颜色。 这是文本区域字段。

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

- Lion

Answer 1

添加这个类。

textarea#exampleTextarea {
    background: gray;
}

或者您也可以使用这个。

#exampleTextarea {
    background: gray;
}

- Emipro Technologies Pvt. Ltd.

---

通过添加属性border: 0px;，如果你想看到效果，那么首先添加border: 5px solid black;，然后移除5px并设置为0px，这样你就会有一个想法。 - Emipro Technologies Pvt. Ltd.

Answer 2

你可以尝试它。

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

- vjy tiwari

Answer 3

您需要添加其中一个预定义类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"...

- slava

Answer 4

试试这个：

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

- Farhad

Answer 5

你可以使用ID

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

- Aleko