在 ngclick 上更改鼠标指针答案

【问题标题】：Change the mouse pointer on ngclick在 ngclick 上更改鼠标指针
【发布时间】：2013-09-24 15:59:49
【问题描述】：

我有一个 div 附加了 Angular ng-click 指令。将鼠标悬停在此元素上时，鼠标指针不会改变。有没有办法通过CSS来改变它？我知道我可以简单地为其附加一个锚标记，但我想知道这是否可以做到。

【问题讨论】：

【解决方案1】：

有没有办法通过css改变它？

是的，请参阅cursor。

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

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

【讨论】：

【解决方案2】：

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

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

.pointer {
    cursor: pointer;
}

【讨论】：

【解决方案3】：

可以通过css完成，只需添加：

.yourClass { cursor: pointer; }

到你的样式表

【讨论】：

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

是的，你可以简单地通过 CSS 来实现它，这里的 AngularJS 没什么特别的。

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

【讨论】：

你为什么要设置cursor两次？
因为会覆盖所有情况，所有浏览器stackoverflow.com/questions/3087975/…
cursor:pointer 将立即覆盖cursor:hand 并且今天没有任何浏览器不正确支持此属性（您真的阅读了您链接到的线程吗？）。此外，应用内联样式并不适合 OP 的用例，除非他将其添加到每个具有 ng-click 属性的元素中，这完全违背了使用 CSS 的目的。