Ä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

So verarbeiten Sie sehr große Formularbeispiele mit Vue+ElementUI

Aufgrund von Geschäftsanpassungen im Unternehmen ...

CSS-Randüberlappungen und wie man sie verhindert

Die vertikal benachbarten Kanten zweier oder mehr...

CSS-Implementierungscode für mehrstufige Menüs

Dies ist eine ziemlich coole Funktion, die Websei...

Der gesamte Prozessbericht der Vue-Exportfunktion für Excel

Inhaltsverzeichnis 1. Front-End-Führungsprozess: ...

Details zum JavaScript-Timer

Inhaltsverzeichnis 1. Kurze Einführung 2. Interva...

JavaScript implementiert die asynchrone Erfassung von Formulardaten

In diesem Artikelbeispiel wird der spezifische Co...

So installieren Sie eine virtuelle Maschine mit Windows-Diensten auf dem Mac

1. Laden Sie die virtuelle Maschine herunter Offi...

Detaillierte Schritte zur schnellen Installation von Openshift

Der schnellste Weg, die neueste Version von OpenS...

Der Unterschied zwischen Name und Wert im Eingabe-Tag

Typ ist das Steuerelement, das für die Eingabe und...