Question

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

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

我试着设置样式css“cursor：hand;”对于此Label，但运行时，所有属性光标都被替换。

你有什么建议吗？

Answer 1

user1557828 提供的答案实际上会导致Label在鼠标悬停时显示光标，但有一种更简单的方法可以实现相同的结果：

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

这会将光标设置为实例化，样式将保持不变。每次鼠标移动到标签上时，都不必重新应用样式。

Answer 2

正确的方法是：

.left_menu_title {
   cursor: pointer;
}

和

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

Answer 3

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);
}
}

}

如何设置游标：手与GWT：标签

3 个答案: