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

So kapseln Sie die Karussellkomponente in Vue3

Zweck Kapseln Sie die Karussellkomponente und ver...

So erstellen Sie einen NFS-Dienst in Ubuntu 16.04

Einführung in NFS NFS (Network File System) ist e...

So implementieren Sie die Fernzugriffskontrolle in Centos 7.4

1. SSH-Remoteverwaltung SSH ist ein sicheres Kana...

Detailliertes Tutorial zur Installation von Mysql5.7.19 auf Centos7 unter Linux

1. MySQL herunterladen URL: https://dev.mysql.com...

Detaillierte Erklärung des VueRouter-Routings

Inhaltsverzeichnis Vue-Router 1. Verstehen Sie da...

Was sind die Unterschiede zwischen xHTML- und HTML-Tags?

Alle Tags müssen klein geschrieben sein In XHTML m...

So verwenden Sie den Linux-Befehl whatis

01. Befehlsübersicht Der Befehl whatis sucht in e...

Detaillierte Erklärung verschiedener Join-Zusammenfassungen von SQL

SQL Left Join, Right Join, Inner Join und Natural...

JavaScript implementiert Feuerwerkseffekte mit Soundeffekten

Ich habe eine halbe Stunde gebraucht, um den Code...

JavaScript implementiert die asynchrone Erfassung von Formulardaten

In diesem Artikelbeispiel wird der spezifische Co...

Kurze Analyse des MySQL B-Tree-Index

B-Baum-Index Verschiedene Speicher-Engines können...

So verwenden Sie SessionStorage und LocalStorage in Javascript

Inhaltsverzeichnis Vorwort Einführung in SessionS...

Der Implementierungsprozess der Linux-Prozessnetzwerkverkehrsstatistik

Vorwort Linux verfügt über entsprechende Open-Sou...