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

Question

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

标签： vaadinvaadin14

Answer 1

您可以使用 CSS 更改悬停。

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

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

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

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

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

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