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

【问题标题】：Vaadin 14 - Disable Hovering Response on ButtonsVaadin 14 - 禁用按钮上的悬停响应
【发布时间】：2021-07-02 18:28:11
【问题描述】：

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

【问题讨论】：

【解决方案1】：

您可以使用 CSS 更改悬停。

添加包含此内容的 CSS 文件。 opacity: 0 将禁用悬停时的更改。

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

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

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

请在此处找到一个运行示例：

【讨论】：