Beispielcode für CSS-Pseudoklassen zum Ändern des Eingabeauswahlstils

Beispielcode für CSS-Pseudoklassen zum Ändern des Eingabeauswahlstils

Hinweis: Diese Tabelle ist aus dem W3School-Tutorial zitiert

Klassifizierung und Funktion von Pseudoelementen:

Schauen wir uns den Beispielcode der CSS-Pseudoklasse zum Ändern des Eingabeauswahlstils an. Der Code lautet wie folgt:

Dabei kommen vorwiegend die Pseudoklassen und Schriftsymbole nach zum Einsatz.

Eingang{
    -webkit-auftritt: keines;
    -moz-Aussehen: keines;
    Aussehen: keines;
    Anzeige: Inline-Block;
}
Eingabe:nach{
    Inhalt: "";
    Schriftgröße: 18px;
    Anzeige: Inline-Block;
    Breite: 14px;
    Höhe: 14px;
    Zeilenhöhe: 14px;
    Textausrichtung: zentriert;
    Rand: 1px durchgezogen #666fff;
    vertikale Ausrichtung: unten;
}
Eingabe: geprüft: nach {
    Inhalt: "\2714";
}

Die Wirkung ist wie folgt:

Dies ist das Ende dieses Artikels über die Verwendung von CSS-Pseudoklassen zum Ändern des Eingabeauswahlstils. Weitere relevante Inhalte zum CSS-Eingabeauswahlstil finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<:  MySQL-Beispielcode für die Addition und Subtraktion von Datum und Uhrzeit

>>:  Detaillierter Prozess zur Installation des Docker-Plugins in IntelliJ IDEA (Version 2018)

Artikel empfehlen

Tutorial zur Installation von PHP auf CentOS über Yum

Lassen Sie mich zunächst vorstellen, wie Sie PHP ...

Praxis der Verwendung von Vite2+Vue3 zum Rendern von Markdown-Dokumenten

Inhaltsverzeichnis Benutzerdefinierte Vite-Plugin...

Häufige Tomcat-Ausnahmen und Lösungscodebeispiele

Das Unternehmensprojekt wurde in Java entwickelt ...

js, css, html bestimmen die verschiedenen Versionen des Browsers

Verwenden Sie reguläre Ausdrücke, um die IE-Browse...

So löschen Sie zusätzliche Kernel in Ubuntu

Schritt 1: Den aktuellen Kernel anzeigen rew $ un...

Lösung für die Docker-Befehlsausnahme „Zugriff verweigert“

Installieren Sie Docker im Linux-System neu und g...

Eine kurze Erklärung zum sinnvollen Einsatz von Tabellen und Divs im Seitendesign

Zu Beginn dieses Artikels möchte ich die Fehler in...

Übersicht über die Definition der HTC-Komponenten nach IE5.0

Vor der Veröffentlichung von Microsoft IE 5.0 best...

Der Ansichtsbereich im Meta-Tag steuert das Gerätebildschirm-CSS

Code kopieren Der Code lautet wie folgt: <meta...

Eine detaillierte Erklärung, wie React Fiber funktioniert

Inhaltsverzeichnis Was ist React Fiber? Warum Rea...