So verbergen Sie den Cursor in der CSS-Eingabe

In CSS können Sie das Caret-Color-Attribut verwenden, um die Farbe des Cursors in der Eingabe transparent festzulegen und so den Effekt zu erzielen, dass der Cursor ausgeblendet wird. Die Syntax lautet „input{caret-color:transparent;}“. .

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Ich bin im Projekt auf die Anforderung gestoßen, den Cursor des Eingabefelds auszublenden, habe aber auch die Eingabefunktion.

Es ist eigentlich ganz einfach. Sie müssen lediglich das Caret-Color-Attribut verwenden, um die Farbe des Cursors in der Eingabe auf transparent zu setzen.

<input type="text" />

input{
	caret-color:transparent;
}

Beschreibung: Das Attribut

caret-color gibt die Farbe des Cursors (Caret) in Eingaben, Textbereichen oder jedem bearbeitbaren Element an.

Syntax:

caret-color: auto|color;

• auto: Standard. Browser verwenden currentColor für das Caretzeichen.

• Farbe: Gibt die für das Caretzeichen verwendete Farbe an. Es können alle zulässigen Farbwerte verwendet werden (RGB, Hex, benannte Farben usw.).

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo verbergen Sie den Cursor in der CSS-Eingabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!