VAADIN CSS-стиль: input [type = text] влияет как на TextField, так и на ComboBox

Question

Я пытаюсь написать некоторые правила CSS, которые должны влиять только на текстовые поля в форме VAADIN. Вот пример:

.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;
}

Возможно, вам придется добавить «! Важно», если оно не переопределяет правильно.