2016-03-30 23 views
1

Ich benutze ein Plugin für Chrome namens Stylish, um die CSS dieser Website zu ändern. Ich habe das meiste erfolgreich geändert, aber es gibt diesen einen Teil, den ich nicht ändern kann.Wie ändere ich die Farbe von Platzhalter Text

Platzhalter Farbumschlag: Die schlimmste davon ist die Farbe des Platzhalter-Textes in der Suchleiste ("Suche Quizlet) ich einige CSS geschrieben (siehe unten), in dem Versuch, sie zu ändern Während es.. den Platzhalter Text in ein anderes Eingabefeld geändert (Sie werden es nicht sehen können, wenn Sie angemeldet sind), ist es nicht die Farbe des richtigen verändern.

::-webkit-input-placeholder, 
input::-webkit-input-placeholder, 
form input::-webkit-input-placeholder, 
input:placeholder-shown, 
::placeholder, 
#header .search .submit{ 
    color: #999; 
} 

Oben sind alle meine Versuche bei der Suche nach Welches Tag ist verantwortlich für das Ändern der Textfarbe des Platzhalters

+0

Sehen Sie diese [DEMO] (http://jsfiddle.net/Shady_Alset/dqu45c5r/) –

Antwort

4

Was Sie verwenden möchten/Änderung ist die folgende:

input, .actual-edit-overlay { 
    -webkit-text-fill-color: #fff !important; 
} 
+0

Sie sind ein Heiliger! Das hat perfekt funktioniert! – user2533660

0

Du bist fast da, aber nicht ganz. Für alle Browser benötigen Sie Anbieter-Präfixe.

input::-webkit-input-placeholder, 
input::-moz-placeholder, 
input:-ms-input-placeholder 
{ 
    color:#999 !important; 
} 
+0

nichts ändern nicht sichtbar war. Ein anderer Benutzer hat es zwar gelöst, aber trotzdem danke. – user2533660

0

Hier wird eine Lösung von CSS-Tricks

::-webkit-input-placeholder { 
    color: red; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: red; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: red; 
} 

:-ms-input-placeholder { 
    color: red; 
} 

hier zwei nützliche Link, um mehr über Platzhalter wissen und Platzhalter-Textstil

Style Placeholder Text

:placeholder-shown

+0

Das habe ich versucht und ich habe nicht gearbeitet. Ein anderer Benutzer hat es zwar gelöst, aber trotzdem danke. – user2533660

+0

Das sind gute Nachrichten. Endlich, dein Problem ist gelöst –

Verwandte Themen