Heim > Artikel > Web-Frontend > So verstecken Sie den Cursor in CSS
So verstecken Sie den Cursor in CSS
- WBOYOriginal
- 2021-12-10 09:21:064733Durchsuche
In CSS können Sie das Cursor-Attribut verwenden, um den Cursor auszublenden. Die Funktion dieses Attributs besteht darin, den Anzeigetyp des Cursors festzulegen. Wenn der Wert des Attributs „none“ ist, wird der Cursor ausgeblendet und nicht angezeigt . Die Syntax lautet „element {cursor: none;}“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
So verstecken Sie den Cursor in CSS
In CSS können Sie das Cursor-Attribut verwenden, um den Cursor auszublenden. Die Funktion des Cursor-Attributs besteht darin, den Typ (die Form) des anzuzeigenden Cursors zu bestimmen. Diese Eigenschaft definiert die Cursorform, die verwendet wird, wenn der Mauszeiger innerhalb der Grenzen eines Elements platziert wird.
Wenn der Attributwert „none“ ist, wird der Cursor ausgeblendet und nicht angezeigt.
Das Beispiel lautet wie folgt:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
div{
width:200px;
height:200px;
border:1px solid #000;
cursor:none;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Ausgabeergebnis:
Bei Interesse können Sie weiterhin Folgendes besuchen: CSS-Video-Tutorial.
Das obige ist der detaillierte Inhalt vonSo verstecken Sie den Cursor in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!