在 ngclick 上更改鼠标指针

Posted 2023-03-05

【中文标题】在 ngclick 上更改鼠标指针

【英文标题】：Change the mouse pointer on 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;

【讨论】：

有没有办法为此添加例外？ F.I.除了具有 X 类（或任何其他 CSS 属性）的那些之外，所有 ng-click 都应将指针作为光标

@Murilo，是的。例如，.x[ng-click] cursor: default;

有谁知道如何在 Angular 2 中实现这一点？ Angular 1 使用 ng-click 而 Angular 2 使用 (click)。

【参考方案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两次？

因为会覆盖所有情况，所有浏览器***.com/questions/3087975/…

cursor:pointer 将立即覆盖cursor:hand 并且今天没有任何浏览器不正确支持此属性（您真的阅读了您链接到的线程吗？）。此外，应用内联样式并不适合 OP 的用例，除非他将其添加到每个具有 ng-click 属性的元素中，这完全违背了使用 CSS 的目的。