css - VAADIN css 样式 : input[type=text] affects both TextField and 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;
}

如果它没有正确覆盖，您可能必须添加“!重要”。