Heim > Artikel > Web-Frontend > So legen Sie den Mausverbotsstil in CSS3 fest
So legen Sie den Mausverbotsstil in CSS3 fest
- WBOYOriginal
- 2021-12-15 16:57:569698Durchsuche
In CSS können Sie das Attribut „cursor“ verwenden, um den Maus-deaktivierten Stil festzulegen. Dieses Attribut wird verwendet, um die von der Maus angezeigte Cursorform festzulegen. Sie können den Stil „Maus deaktiviert“ festlegen. Die Syntax lautet „element {cursor:not-allowed;}“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
So legen Sie den Mausverbotsstil in CSS3 fest
Wenn Sie in CSS den Mausverbotsstil festlegen möchten, müssen Sie das Cursor-Attribut verwenden. Das
cursor-Attribut gibt den Typ (die Form) des anzuzeigenden Cursors an.
Dieses Attribut definiert die Cursorform, die verwendet wird, wenn der Mauszeiger innerhalb der Grenze eines Elements platziert wird.
Sie müssen dem Element nur den Cursorstil hinzufügen, um den Mausstil festzulegen, wenn die Maus eingeschaltet ist das Element zu einem verbotenen Stil.
Das Beispiel sieht wie folgt aus:
<!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{
cursor:not-allowed;
width:150px;
height:150px;
border:1px solid #000;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo legen Sie den Mausverbotsstil in CSS3 fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!