简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie stelle ich den Cursorstil ohne href auf den Zeiger des Links ein?

王林
Freigeben： 2023-08-24 12:13:02
nach vorne
577 Leute haben es durchsucht

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

Wir können das -Tag in HTML verwenden, um Links zu Webseiten hinzuzufügen. Der Standardcursorstil für das -Element ist Zeiger, aber das Entfernen des href-Attributs aus dem -Tag ändert den Cursorstil.

In diesem Tutorial lernen wir also, den Cursorstil als markierten Zeiger ohne href-Attribut beizubehalten.

Benutzer können dem Beispiel unten folgen, um den Standard-Cursorstil von Elementen

anzuzeigen

Beispiel

Im folgenden Beispiel verwenden wir das -Tag, um drei verschiedene Links zu erstellen.

In der Ausgabe können wir beobachten, dass, wenn wir mit der Maus über den ersten Link fahren, der Cursor zu einem Zeiger wird, weil er das href-Attribut für den zweiten Link enthält. Der Cursor wird auch zu einem Zeiger, weil er auch ein href-Attribut enthält ein leerer Zeichenfolgenwert und wenn wir mit der Maus über den dritten Link fahren, ändert sich der Cursorstil, da er das href-Attribut nicht enthält. 

<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>
Nach dem Login kopieren

Jetzt verstehen Benutzer, wie sich der Cursorstil ändert, wenn wir das href-Attribut aus dem -Tag entfernen.

Nachfolgend sehen wir uns ein Beispiel für das Setzen des Cursorzeigers für einen Link ohne href-Attribut an.

Grammatik

Benutzer können der folgenden Syntax folgen und CSS verwenden, um den Cursorzeiger auf einen Link ohne das href-Attribut zu setzen. 

<style>
  .pointer {
     cursor: pointer;
   }
</style>
Nach dem Login kopieren

In der obigen Syntax ist „Zeiger“ die dem -Element zugewiesene Klasse, und wir ändern den Zeigerstil des Elements, das die Klasse „Zeiger“ enthält.

Beispiel

Im folgenden Beispiel erstellen wir zwei verschiedene Elemente und weisen beiden Elementen die Klasse „Zeiger“ zu. Im Abschnitt haben wir die Inline-Stile für die Seite hinzugefügt. Wir haben im