ngクリックでマウスポインターを変更する

Question

Angular ng-clickディレクティブが付加されたdivがあります。この要素にカーソルを合わせても、マウスポインターは変わりません。 CSSで変更する方法はありますか？アンカータグを単純に添付できることは知っていますが、これができるかどうか知りたいです。

Answer 1

CSSを使用して変更する方法はありますか？

はい、 cursor を参照してください。

たとえば、ng-click属性を使用して要素をターゲットにしたい場合：

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

Answer 2

あなたがしなければならないのは、 cursor プロパティを使用することです

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

.pointer {
    cursor: pointer;
}

Answer 3

Css経由で実行できます。追加するだけです：

.yourClass { cursor: pointer; }

スタイルシートへ

Answer 4

データテーブルを使用している場合、デフォルトのdatatables.css設定をオーバーライドし、次のコードをカスタムCSSに追加する必要があります。以下のコードのrow-selectは、HTMLページのデータテーブルに追加したクラスです。

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