在ngclick上改变鼠标指针
我有一个与Angular ng-click
指令相连的div
。 hover在此元素上的鼠标指针不会更改。 有没有办法通过CSS来改变它? 我知道我可以简单地附上一个锚标签,但我想知道这是否可以做到。
有没有办法通过CSS来改变它?
是的,看cursor
。
如果您只想使用ng-click
属性来指定元素,例如:
[ng-click], [data-ng-click], [x-ng-click] { cursor: pointer; }
你所要做的就是使用游标属性
<div data-ng-click="myFun()" class="pointer"></div> .pointer { cursor: pointer; }
可以通过CSS来完成,只需添加:
.yourClass { cursor: pointer; }
到你的样式表
如果您使用的是数据表,您必须覆盖默认的datatables.css设置,并将以下代码添加到自定义CSS中。在下面的代码中,row-select是我在HTML页面中的数据表中添加的类。
table.row-select.dataTable tbody td { cursor: pointer; }
是的,你可以简单地通过CSS实现它,这里没有什么特别的AngularJS。
<div ng-click="myAngularFunctionWithinController()" style="cursor: hand;cursor: pointer;"> </div>