点击ng时更改鼠标指针

时间:2013-09-19 14:03:35

标签: angularjs angularjs-ng-click

我有div附加了Angular ng-click指令。在鼠标悬停在此元素上时,鼠标指针不会更改。有没有办法通过CSS改变它?我知道我可以简单地附加一个锚标签,但我想知道是否可以这样做。

5 个答案:

答案 0 :(得分:172)

  

有没有办法通过CSS改变它?

是的,请参阅cursor

如果您只想定位具有ng-click属性的元素,例如:

[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

答案 1 :(得分:18)

您所要做的就是使用cursor属性

<div data-ng-click="myFun()" class="pointer"></div>

.pointer {
    cursor: pointer;
}

答案 2 :(得分:6)

可以通过css完成,只需添加:

.yourClass { cursor: pointer; }

到样式表

答案 3 :(得分:1)

如果您正在使用数据表,则必须覆盖默认的datatables.css设置并将以下代码添加到自定义CSS中。在下面的代码中,row-select是我在HTML页面中的数据表中添加的类。

table.row-select.dataTable tbody td
{
cursor: pointer;    
}

答案 4 :(得分:-4)

是的,你可以通过CSS实现它,在这里没有什么特别的AngularJS。

<div ng-click="myAngularFunctionWithinController()" style="cursor: hand;cursor: pointer;">
</div>