Maison > interface Web > js tutoriel > Comment définir le style du curseur sur le pointeur du lien sans href ?

Comment définir le style du curseur sur le pointeur du lien sans href ?

王林
Libérer: 2023-08-24 12:13:02
avant
661 Les gens l'ont consulté

如何将光标样式设置为没有 href 的链接的指针?

Nous pouvons utiliser la balise en HTML pour ajouter des liens vers des pages Web. Le style de curseur par défaut pour l'élément est le pointeur, mais la suppression de l'attribut href de la balise modifie le style du curseur.

Donc, dans ce tutoriel, nous apprendrons à conserver le style du curseur comme pointeur marqué sans attribut href.

Les utilisateurs peuvent suivre l'exemple ci-dessous pour afficher le style de curseur par défaut des éléments

Exemple

Dans l'exemple ci-dessous, nous utilisons la balise pour créer trois liens différents.

Dans le résultat, nous pouvons observer que lorsque l'on passe la souris sur le premier lien, le curseur devient un pointeur car il contient l'attribut href ; pour le deuxième lien, le curseur devient également un pointeur car il contient également un attribut href avec une valeur de chaîne vide et lorsque nous survolons le troisième lien, le style du curseur change car il ne contient pas l'attribut href.

<html>
<body>
   <h2>Cursor pointer on the anchor texts</h2>
   <a href = "https://www.tutorialspoint.com/index.htm"> tutorialspoint</a>
   <br> <br>
   <a href = ""> Cursor pointer </a>
   <br> <br>
   <a> No cursor pointer </a>
</body>
</html>
Copier après la connexion

Les utilisateurs comprennent désormais comment le style du curseur change lorsque nous supprimons l'attribut href de la balise .

Ci-dessous, nous examinerons un exemple de définition du pointeur du curseur pour un lien sans attribut href.

Grammaire

Les utilisateurs peuvent suivre la syntaxe ci-dessous et utiliser CSS pour définir le pointeur du curseur sur un lien sans l'attribut href.

<style>
  .pointer {
     cursor: pointer;
   }
</style>
Copier après la connexion

Dans la syntaxe ci-dessus, "pointeur" est la classe attribuée à l'élément , et nous modifions le style du pointeur de l'élément contenant la classe "pointeur".

Exemple

Dans l'exemple ci-dessous, nous créons deux éléments différents et attribuons la classe "pointeur" aux deux éléments. Dans la section , nous avons ajouté les styles en ligne pour la page Web. Nous avons accédé à la classe « pointer » dans la balise