在GWT中，将鼠标悬停时更改Label的背景

Question

I got this code:

private class MyLabel extends Label implements MouseOverHandler, MouseOutHandler {
      public void onMouseOver(final MouseOverEvent moe) {
       this.getElement().getStyle().setBackgroundColor("E6D5D5");

      }



    @Override
    public void onMouseOut(MouseOutEvent event) {
        // TODO Auto-generated method stub
        this.getElement().getStyle().setBackgroundColor("FFFFFF");
    }
}
MyLabel lb=new MyLabel();
lb.setText("ok");

But nothing happened, so what wrong in my code?

Can anyone help me to fix it?

Answer 1

You need to register mouse handlers to Label.

lb.addMouseOverHandler(this);
lb.addMouseOutHandler(this);

Answer 2

label.addStyleName("labelStyle");

.labelStyle : Hover {

 background : url("Mention your image");

}

Answer 3

请在颜色代码的前面保持＃号