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

Detaillierte Analyse von MySQL-Ausführungsplänen

Vorwort Als wir im vorherigen Interviewprozess na...

Prinzipanalyse des UDP-Verbindungsobjekts und Anwendungsbeispiele

Ich habe zuvor zum Einstieg in UDP ein einfaches ...

Detaillierte Erklärung verschiedener HTTP-Rückgabestatuscodes

Wenn an Ihren Server eine Anforderung zum Anzeige...

Erläuterung der Methode zum Schreiben von SQL-Anweisungen zum Einfügen

Methode 1: INSERT INTO t1(Feld1,Feld2) VALUE(v001...

Der grundlegendste Code für Webseiten

◆Zu Favoriten hinzufügen veranschaulichen Klicken...

Details der MySQL-Berechnungsfunktion

Inhaltsverzeichnis 2. Feldverkettung 2. Geben Sie...

Mehrere Methoden zur Implementierung von Karussellbildern in JS

Karussell Die Grundidee ist: Im großen Container ...

Vue-Methode zum Überprüfen, ob der Benutzername verfügbar ist

In diesem Artikelbeispiel wird der spezifische Co...

14 Techniken für leistungsstarke Websites

Original : http://developer.yahoo.com/performance...

So zeigen Sie Versionsinformationen in Linux an

So zeigen Sie Versionsinformationen unter Linux a...

Befehl zum Anzeigen der Erstellungszeit der Binlog-Datei unter Linux

Inhaltsverzeichnis Hintergrund analysieren Verfah...

Mysql-Optimierungstechniken zum Abfragen von Daten basierend auf der Zeit

Um beispielsweise die gestern neu registrierten B...