web-dev-qa-db-fra.com

Changer le pointeur de la souris en un clic

J'ai un div avec le Angular ng-click directive qui y est attachée. En survolant cet élément, le pointeur de la souris ne change pas. Y a-t-il un moyen de le changer via CSS? Je sais que je peux simplement y apposer une étiquette d'ancrage, mais j'aimerais savoir si cela peut être fait.

angularjsangularjs-ng-click
59
skmvasu

Y a-t-il un moyen de le changer en css?

Oui, voir cursor .

Si vous vouliez juste cibler des éléments avec le ng-click attribut, par exemple:

[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}
172
André Dion

Tout ce que vous avez à faire est d'utiliser la propriété curseur

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

.pointer {
    cursor: pointer;
}
20
Beterraba

Peut être fait via css, ajoutez simplement:

.yourClass { cursor: pointer; }

À votre feuille de style

6
Eugenio Cuevas

Si vous utilisez des tables de données, vous devez remplacer les paramètres par défaut de datatables.css et ajouter le code suivant au CSS personnalisé. Dans le code ci-dessous, row-select est la classe que j'ai ajoutée aux tables de données de ma page HTML.

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