VAADIN css样式：input [type = text]同时影响TextField和ComboBox

Question

我正在尝试编写一些css规则，这些规则只会影响VAADIN表单中的TextFields。这是一个例子：

.v-form-seagreen input[type=text]:focus {
background:#f3fced;  
border:solid 2px #D5E3F9;}

问题：其他文本输入字段（如ComboBox）继承样式，我只想更改TextField样式。我怎样才能做到这一点？ .v-form-seagreen textfield:focus无法正常工作。谢谢你的帮助。

Answer 1

您应该更改您的css以覆盖类“v-textfield”而不是输入类型。 所以这样的事情可能会起作用

.v-textfield{
 background:#f3fced;  
 border:solid 2px #D5E3F9;
}

如果没有正确覆盖，您可能需要添加“！重要”。