Ä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

Detaillierte Erläuterung der Hosts-Dateikonfiguration auf einem Linux-Server

Konfiguration der Hostdatei des Linux-Servers Die...

So verwenden Sie tcpdump zum Erfassen von Paketen im Linux-System

Lassen Sie mich zunächst einen Blick auf den Beis...

Flexibles Boxmodell von CSS und CSS3 zur Anpassung der Elementbreite (-höhe)

1. CSS realisiert eine feste Breite links und ein...

Detaillierte Erklärung zur Verwendung von umask unter Linux

Ich habe vor Kurzem angefangen, Linux zu lernen. ...

Zwei Methoden zum Wiederherstellen von MySQL-Daten

1. Einleitung Vor einiger Zeit gab es eine Reihe ...

Schauen wir uns einige leistungsstarke Operatoren in JavaScript an

Inhaltsverzeichnis Vorwort 1. Null-Koaleszenzoper...

Beispiel für die Anpassung des Vue-Projekts an den großen Bildschirm

Eine kurze Analyse von rem Zunächst einmal ist re...

Importieren von CSS-Dateien unter Verwendung von Beurteilungsbedingungen

Lösung 1: Verwenden Sie bedingten Import im HTML-...

So verbergen Sie Elemente im Web und ihre Vor- und Nachteile

Beispiel-Quellcode: https://codepen.io/shadeed/pe...