css - 如何更改文本区域中的字体颜色

Question

现在我有一个文本区域，可以从字符串中获取文本。我将文本区域的背景颜色设置为黑色，但是默认文本颜色是黑色，因此在突出显示它之前您是看不到它的。我似乎找不到将字体颜色更改为白色的方法。 CSS 中有一种简单的方法可以做到这一点吗？

html

<div class="mainWindow">
  <div class="valueOutput" [hidden]="hideThis">
    <textarea resize=none readonly="textareaEdit" rows="8" cols="50" style="background-color: black;" [(ngModel)]="outputTexT" ></textarea>
  </div>
  <div class="labelOutput" [hidden]="hideThis">
    <textarea readonly="textareaEdit" rows="8" cols="46" style="background-color: black;" [(ngModel)]="labelText"></textarea>
  </div>
  <textarea rows="20" cols="91" [style.font-size.px]="20" [style.padding-top.px]="130" readonly="textareaEdit" style="background-color: #b6b7b4;" [(ngModel)]="mainStepText"></textarea>
</div>

用于 textarea 的字符串

private labelText: String = "test1 \ntest2 \ntest3";

当前的 CSS

.mainWindow{
width: 1000px;
    height: 310px;
    vertical-align: middle;
    resize: none; 
    overflow: auto; 
    -ms-overflow-style: none; 
    background-color: #B5B6B6;
}
.valueOutput{
    position: absolute;
    resize: none !important;
    padding-left: 600px;
}
.labelOutput{
    position: absolute;
    resize: none !important;
    padding-left: 250px;
}

Answer 1

对于内联 CSS，您可以将样式更改为:

style="background-color: black;color:#fff;"

或者您可以在 CSS 文件中添加以下内容:

textarea {
  color: #fff;
    }