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

Implementierung der One-Click-TLS-Verschlüsselung für die Docker-Remote-API

Inhaltsverzeichnis 1. Ändern Sie den Port 2375 vo...

Vue implementiert die Drag & Drop-Sortierfunktion der Seiten-Div-Box

vue implementiert die Drag & Drop-Sortierfunk...

Detailliertes Beispiel für das Linux-Allround-Systemüberwachungstool dstat

Umfassendes Systemüberwachungstool dstat dstat is...

Beispiel für die Verwendung der setInterval-Funktion in React

Dieser Artikel basiert auf der Windows 10-Systemu...

Grundlegendes Tutorial zur Bedienung von Dateien und Berechtigungen in CentOS

Vorwort Bevor wir beginnen, sollten wir uns kurz ...

Verwenden Sie reines CSS, um das A-Tag in HTML ohne JavaScript zu deaktivieren

Tatsächlich ist dieses Problem bereits aufgetreten...

So fügen Sie img-Bilder in Vue-Seiten ein

Wenn wir HTML lernen, führt das Bild-Tag <img&...

Docker: Zeigen Sie den Mount-Verzeichnisvorgang des Containers an

Nur Informationen zum Mount-Verzeichnis des Docke...

Verwenden Sie HTML und CSS, um Ihren eigenen warmen Mann „Dabai“ zu erstellen.

Das Endergebnis sieht so aus, ist es nicht süß … ...

WeChat Mini-Programm: Position des Videofeuers zufällig

In diesem Artikel wird der spezifische Code zur z...