Farbe von "Suchbegriff.." und eingegebene Textfarbe ändern

Shopware 5 Themes & Design
1

Moin Moin!

Ich bin aktuell am erstellen eines Shopware Shops: https://toolseye.com

Ich habe alles auf background: #333 umgestellt und wollte nun auch die Suche anpassen. Leider finde ich die passende Less-Datei nicht, vielleicht bin ich auch einfach nur blind.

Bei aktueller Ansicht wird der eingegebene Suchbegriff in Hintergrundfarbe angezeigt, dementsprechend sieht man natürlich nichts. Der Beispieltext wird gräulich angezeigt. (“Suchbegriff…”)
Außer man markiert den eingegebenen Text, dann ist er in weiß lesbar, allerdings ist das ganze natürlich eher unpraktisch.

783×282 26 KB

783×282 26.1 KB

Hat jemand von euch eine Idee?

Schon mal besten Dank für alle kommenden Antworten!
Grüße aus Heidelberg

2

Hat sich erledigt, war einfach nur Blind
 

            // Reset the searchfield background
            .main-search--field {
                background: #333; // background ist standardmaessig @input-bg
                color: #FFF; // muss hinzugefügt werden um die Farbe des Textes beizubehalten

                &:focus { background: #333;
                color: #FFF; // muss hinzugefügt werden um die Farbe des Textes beizubehalten
                 }
            }

 

3

@jheise schrieb:

Hat sich erledigt, war einfach nur Blind
 

// Reset the searchfield background
.main-search–field {
background: #333; // background ist standardmaessig @input-bg
color: #FFF; // muss hinzugefügt werden um die Farbe des Textes beizubehalten

&:focus { background: #333;
color: #FFF; // muss hinzugefügt werden um die Farbe des Textes beizubehalten
}
}

 

Keine Ahnung wie sich das bei dir damit erledigt haben soll. Geh ich auf deine Seite und entferne an den besagten Stellen das weiß, so bleibt der Text der beim ersten Aufruf angezeigt wird weiterhin grau. Hattest mir kurz Hoffung gemacht. :D 

Ich konnte aber die Lösung finden, denke mal dass du es auch so umgesetzt hast: 
 

.main-search--form input::placeholder {color: #fff;text-transform: uppercase;opacity: 1;}       
.main-search--form input:-moz-placeholder {color: white;opacity: 1;}                            
.main-search--form input::-moz-placeholder {color: white;opacity: 1;}                    
.main-search--form input::-webkit-input-placeholder { color: white; }                       
.main-search--form input:-ms-input-placeholder { color: white;}

Grüße aus Köln,
Atilla