Ändern Sie die Standardfarbe des Platzhaltertexts im Eingabefeld - Methode „webkit-input-placeholder“

Ändern Sie die Standardfarbe des Platzhaltertexts im Eingabefeld - Methode „webkit-input-placeholder“

HTML5 fügt ein natives Platzhalterattribut für die Eingabe hinzu, das von fortgeschrittenen Browsern unterstützt wird. Beispiel:

<input type="text" placeholder="Suche" value=" ">

Die Standardschriftfarbe des Platzhalters ist Hellgrau. Wenn Sie diese Standardfarbe ändern möchten, gehen Sie wie folgt vor:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. Eingabe: -moz-Platzhalter,
  2. Textbereich: -moz-Platzhalter {
  3. Farbe: #999999;
  4. }
  5.   
  6. Eingabe: -ms-Eingabeplatzhalter,
  7. Textbereich: -ms-input-placeholder {
  8. Farbe: #999999;
  9. }
  10.   
  11. Eingabe::-WebKit-Eingabe-Platzhalter,
  12. textbereich::-webkit-input-placeholder {
  13. Farbe: #999999;
  14. }

Die obige Methode zum Ändern der Standardfarbe des Platzhaltertexts im Eingabefeld – webkit-input-placeholder – ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/xjuan/p/5436037.html

<<:  Eine Zusammenfassung der Gründe, warum MySQL keinen Datumsfeldindex verwendet

>>:  Detaillierte Erläuterung der grundlegenden Betriebsbefehle für Linux-Netzwerkeinstellungen

Artikel empfehlen

Lösen Sie das Problem der leeren Lücke am unteren Rand des Img-Bildes

Bei der Arbeit an einem aktuellen Projekt habe ic...

Automatisiertes Frontend-Deployment basierend auf Docker, Nginx und Jenkins

Inhaltsverzeichnis Vorbereitende Vorbereitung Ber...

So verwenden Sie Webpack und Rollup zum Verpacken von Komponentenbibliotheken

Vorwort Ich habe zuvor eine Komponente im Ladesti...

Tutorial zur Verwendung des Frameset-Tags in HTML

Frameset-Seiten unterscheiden sich etwas von norm...

Vue implementiert dreidimensionales Säulendiagramm basierend auf E-Charts

Das dreidimensionale Säulendiagramm besteht aus d...

Installieren Sie CentOS 7 auf VMware14 – Grafik-Tutorial

Einführung in CentOS CentOS ist eine Linux-Distri...

So fügen Sie einem laufenden Docker-Container dynamisch ein Volume hinzu

Jemand hat mich schon einmal gefragt, ob es mögli...

Detailliertes Tutorial zur Installation des Quellcodes von CentOS6.9+Mysql5.7.18

Bei der Installation des Quellcodes von CentOS6.9...

Schritte zum Ändern des MySQL-Zeichensatzes auf UTF8 unter Linux

Inhaltsverzeichnis 1. Überprüfen Sie den MySQL-St...

28 berühmte Beispiele für Blog-Redesigns

1. WebDesignerWall 2. Veerles Blog 3. Lernprogram...

Detaillierte Erklärung der neuen CSS-Eigenschaft display:box

1. Anzeige:Box; Wenn Sie diese Eigenschaft für ei...