鼠标盖上的Vaadin面板亮点

我有一套瓦丁的面板

我需要突出显示鼠标悬停事件中的每个面板组件，并在鼠标悬停时释放突出显示。此外，单击我需要将组件的样式永久更改为其他样式

---

你能举例说明一下如何在Vaadin中实现吗？

正如André所指出的，对于鼠标悬停，请使用

：在样式表中悬停
，并使用
设置样式（“你的特殊面板”）
。请参阅以获取参考。要更改单击后的样式，请首先将ClickListener添加到面板（
addClickListener（…）
）。在该click listener中，您调用
addStyle（“style class clicked panel”）
，该listener随后引用样式表中的样式类以获得单击的外观

在Java中：

[...]
@Override
public void click(ClickEvent event){
    // handle the click event
    panel.addStyle("style-class-clicked-panel");
}

在Css中：

.your-special-panel:hover {
    background-color: red;  /* style for on mouse */
}

.style-class-clicked-panel{
    background-color: yellow; /* style for clicked */
}

正如André指出的，对于鼠标悬停，请使用
：在样式表中悬停
，并使用
setStyle（“您的特殊面板”）
设置样式。请参阅以获取参考。要更改单击后的样式，请首先将ClickListener添加到面板（
addClickListener（…）
）。在该click listener中，您调用
addStyle（“style class clicked panel”）
，该listener随后引用样式表中的样式类以获得单击的外观

在Java中：

[...]
@Override
public void click(ClickEvent event){
    // handle the click event
    panel.addStyle("style-class-clicked-panel");
}

在Css中：

.your-special-panel:hover {
    background-color: red;  /* style for on mouse */
}

.style-class-clicked-panel{
    background-color: yellow; /* style for clicked */
}

为此使用样式表，鼠标悬停事件/样式将一些JavaScript添加到面板类。使用样式表，鼠标悬停事件/样式将一些JavaScript添加到面板类。