Vaadin 14 — Отключить ответ на наведение курсора на кнопках

#vaadin #vaadin14

Вопрос:

Можно ли отключить функцию зависания для кнопок? Я не сталкивался ни с какими методами, которые облегчали бы это, поэтому я предполагаю, что здесь может потребоваться написание пользовательской функции.

Комментарии:

1. Что именно вы хотите отключить? У вас есть пример?

2. @SimonMartinelli при наведении курсора мыши на кнопку, скажем, в дизайне основной темы Lumo, происходит небольшое изменение цвета, пока вы снова не выйдете за пределы области кнопок

3. Вы должны изменить CSS кнопки. Я добавлю пример завтра

Ответ №1:

Вы можете изменить наведение с помощью CSS.

Добавьте файл CSS с этим содержимым. непрозрачность: 0 отключит изменение при наведении.

 :host(:hover)::before {
    opacity: 0;
}
 

Затем вам нужно импортировать его для кнопки vaadin, как это:

 @CssImport(value = "./themes/vaadindemo/components/button.css", themeFor = "vaadin-button")
 

Пожалуйста, найдите работающий пример здесь:

https://github.com/simasch/vaadin-examples