如何更改textarea中的字体颜色

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

1. 对于内联CSS，您可以将样式更改为以下内容：

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

1. 或者您可以在CSS文件中添加以下内容：

textarea {
    color: #fff;
    }