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
anzuzeigenIm 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>
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.
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>In der obigen Syntax ist „Zeiger“ die dem -Element zugewiesene Klasse, und wir ändern den Zeigerstil des Elements, das die Klasse „Zeiger“ enthält.
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