Ä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

Ubuntu 20.04: Beispiel zum Ändern der IP-Adresse

veranschaulichen: Als ich heute das letzte Experi...

Implementierung eines einfachen Whack-a-Mole-Spiels in JavaScript

In diesem Artikel finden Sie den spezifischen Cod...

So passen Sie Docker-Images mit Dockerfile an

Anpassen von Bildern mit Dockerfile Unter Bildanp...

Verstehen Sie die Verwendung des All-Attributs von CSS3

1. Kompatibilität Wie unten dargestellt: Die Komp...

Detaillierte Erklärung der Routenkonfiguration von Vue-Router

Inhaltsverzeichnis einführen Objektattribute in R...

Analyse des kumulativen Aggregationsprinzips von MySQL und Anwendungsbeispiele

Dieser Artikel veranschaulicht anhand von Beispie...

So autorisieren Sie Remoteverbindungen in MySQL unter Linux

Hinweis: Andere Maschinen (IP) können ohne Autori...

Was soll ich tun, wenn ich die Quelldatei einer Webseite nicht anzeigen kann?

F: Wenn Sie Outlook oder IE verwenden, wird beim ...

Schritte zum Wiederherstellen einer einzelnen MySQL-Tabelle

Während ich eine Pause machte, wurde ich durch ei...

Methode zum dynamischen Laden von Geojson basierend auf Vue+Openlayer

Laden eines oder mehrerer Features <Vorlage>...