Vaadin 14 - 禁用按钮上的悬停响应

Question

是否可以禁用按钮的悬停功能？我还没有遇到任何促进这一点的方法，所以我猜这里可能需要编写一个自定义函数。

Answer 1

您可以使用 CSS 更改悬停。

添加 CSS 包含此内容的文件。不透明度：0 将禁用悬停时的更改。

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

然后你必须像这样为 vaadin-button 导入它：

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

请在此处查找运行示例：

Vaadin 14 - Disable Hovering Response on Buttons