如何在vaadin文本区域中设置背景颜色

Question

我试图通过在我自己的主题中设置css样式来自定义文本区域的外观：

textarea.v-textarea {
    font-family: 'Lucida Console', Monaco, monospace;
    background-color:black;
    color: light green;  
}

当TextArea没有焦点时（即文本为绿色，背景为黑色），此方法正常。我点击TextArea的那一刻，背景切换回白色...我错过了什么？谢谢！

Answer 1

您可以通过向样式

添加!important来覆盖其他样式

textarea.v-textarea {
    font-family: 'Lucida Console', Monaco, monospace;
    background-color:black !important;
    color: light green;  
}

我还会搜索所有的css，看看是否有类似的东西并将其删除

textarea.v-textarea::selection {
    font-family: 'Lucida Console', Monaco, monospace;
    background-color:white;
    color: light green;  
}