HTML CSS Code bin zu blöde zum Suchen

[Orac]

Hallo,
irgendwie bin ich zu blöde mir den CSS und HTML Code für die Suche rauszusuchen :(
ich finde die Optik richtig toll im Standart bei klick in das eingabefeld und den Button, alles in Blau.

wäre jemand so freundlich und kann das machen ?

Offiziele Seite von Firefox
http://de.start2.mozilla.com/firefox?client=firefox-a&rls=org.mozilla:de:official

 

[Aaron3219]

Na dann Google doch mal Schrittweise.
Statt ihren Code zu kopieren mach es selber.
Du weißt wie man ein input-Feld macht.
Du willst also, dass wenn man auf den das Suchfeld klickt, irgendwas passiert.
Dann wirst du herausfinden, dass es z.B. mit :focus funktioniert.
So machst du jetzt weiter.

Wir geben hier Tipps und Denkanstöße, aber keinen fertigen Code (evtl. Teile des Code).

Kleiner Tipp:
Um zu verstehen, wie sie das mit der Lupe link, und dem Suchpfeil rechts gemacht haben, guck dir einfach den Code an. Sie haben einfach 3 divs nebeneinander gepackt. Guck dir hiermit mal Flexboxen an. Damit kriegst du das ganz einfach realisiert.