点击ng时更改鼠标指针

问题描述 投票:57回答:5

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

angularjs angularjs-ng-click
5个回答
172
投票

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

是的,请参阅cursor

如果您只想使用ng-click属性定位元素,例如:

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

19
投票

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

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

.pointer {
    cursor: pointer;
}

6
投票

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

.yourClass { cursor: pointer; }

到您的样式表


1
投票

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

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

-4
投票

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

<div ng-click="myAngularFunctionWithinController()" style="cursor: hand;cursor: pointer;">
</div> 
© www.soinside.com 2019 - 2024. All rights reserved.