如何设置光标：手用GWT：标签

Question

我想为我的标签设置一个鼠标监听器，以便当用户将鼠标放在标签上时可以将光标更改为HAND_CURSOR。

<g:Label text="Overview" styleName="left_menu_title" ui:field="lb_overview"/> 

我试着设置风格的CSS“光标：手;”对于此标签，但运行时，所有属性光标均被替换。

你有什么建议吗？

Answer 1

正确的方式做这将是：

.left_menu_title { 
    cursor: pointer; 
} 

和

<g:Label text="Overview" styleName="{style.left_menu_title}" ui:field="lb_overview"/> 

Answer 2

你只需做到以下几点：

.left_menu_title { 
cursor: pointer; 
} 

如果你想有一个代码做除了将光标设置为指针之外的其他事情：

import com.google.gwt.dom.client.Style.Cursor; 
import com.google.gwt.event.dom.client.MouseOverEvent; 
import com.google.gwt.event.dom.client.MouseOverHandler; 
import com.google.gwt.user.client.ui.Label; 

... 
... 
... 


final Label testLabel = new Label(); 
testLabel.addMouseOverHandler(new MouseOverHandler() {  
     @Override 
     public void onMouseOver(MouseOverEvent event) { 
      testLabel.getElement().getStyle().setCursor(Cursor.POINTER); 

      //TODO: any thing you want  
     } 
    }); 

Answer 3

通过user1557828提供的答案将在事实上导致标签显示光标，当鼠标移动到它，但有一个简单的方法来达到同样的效果：

Label testLabel = new Label("Text Goes Here); 
testLabel.getElement().getStyle().setCursor(Cursor.POINTER); 

这将设置实例化的游标和样式将会持续。每当鼠标移过标签时，不必重新应用样式。

Answer 4

where to this one.. 
Label testLabel = new Label("Text Goes Here); 
testLabel.getElement().getStyle().setCursor(Cursor.POINTER); 

in my code provided below.. 

{ 
    xtype:'label', 
    text:'testLabel', 
    id:'cancel1', 
    Label testLabel = new Label("Text Goes Here); 
    testLabel.getElement().getStyle().setCursor(Cursor.POINTER); 
    listeners : { 
    render : function(d) { 
    d.getEl().on('click', function(){ this.fireEvent('click', d); }, d); 
} 
} 

}