Neu Placeholder Schriftfarbe Suchfeld Nova

[olli33]

Guten Morgen Zusammen,

hier gab es ja schon mal einen Beitrag zur Schriftfarbe im Suchfeld
https://forum.jtl-software.de/threads/schriftfarbe-im-suchfeld-aendern.115532/

da der Thread geschlossen ist, muss ich leider einen neuen aufmachen. Mit der Anweisung kann ich im Nova Child Theme ja die Schriftfarbe für das Suchfeld ändern

header .form-control, header .form-control:focus {
background-color: #fff;
color: #Farbe;}

Ich möchte aber auch gleich die Schriftfarbe für den placeholder "Suchen" ändern und nicht erst wenn was eingegeben wird.

header .search .search-wrapper .form-control, header .search-form-wrapper-fixed .search-wrapper .form-control {
color: #Farbe !important;
}

bringt leider kein Erfolg. Vielleicht hat jemand von den CSS Profis hier nochmal einen Tipp wie ich das beeinflussen kann.

Danke
Olli

 

[css-umsetzung]

Das !important ist im NOVA für den Eintrag erforderlich

input#search-header::placeholder {
  color: red !important;
  opacity: 1; /* Firefox */
}

input#search-header::-ms-input-placeholder { /* Edge 12 -18 */
  color: red !important;
}

mögliche Einträge

::-webkit-input-placeholder { /* Chrome */
  color: red;
}
:-ms-input-placeholder { /* IE 10+ */
  color: red;
}
::-moz-placeholder { /* Firefox 19+ */
  color: red;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: red;
  opacity: 1;
}

 

[olli33]

Vielen Dank Andreas - hat funktioniert. Jetzt muss ich nur noch die Suchlupe farblich ändern und das on hover dazu!