Entfernungsmethode: 1. Fügen Sie dem Eingabeelement den Stil „color:transparent;text-shadow: 0px 0px 0px #333;“ hinzu. 2. Fügen Sie dem Eingabeelement den Stil „caret-color:transparent;“ hinzu.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
css3 Eingabecursor entfernen
Methode 1:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <input type="text" value="默认文本"/><br> <input type="text" value="去掉光标的默认文本" style="color:transparent;text-shadow: 0px 0px 0px #333;" /> </body> </html>
Methode 2:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <input type="text" value="默认文本"/><br> <input type="text" value="去掉光标的默认文本" style="caret-color:transparent;" /> </body> </html>
(Lernvideo teilen: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Eingabecursor in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
CSS3-Tutorial
Was sind die CSS3-Gradienteneigenschaften?
Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird?
CSS-Schriftfarbe
Was ist eine AGP-Schnittstelle?
So richten Sie die Domänennamenumleitung ein
Was sind Technologien der künstlichen Intelligenz?
So verwenden Sie Union in C-Sprache
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
