Hintergrundfarbe des Suchefeldes (STRG+F)

Schrauberecke: Hier geht es um optische und funktionelle Veränderungen (ohne Themes oder Personas) von Firefox oder von Webseiten per CSS-Codes oder JavaScript.
Antworten
heiko
Junior-Mitglied
Beiträge: 8
Registriert: Sa, 17. Feb 2018 17:23

Hintergrundfarbe des Suchefeldes (STRG+F)

#1

Beitrag von heiko Themen-Starter » Mo, 26. Feb 2018 17:11

Hallo Forum,
ich würde gern von den Textfeld, wo man den Suchbegriff eingibt, die Hintergrundfarbe ändern.
Aktuell sieht es so aus.

/* Suchfeld */

.findbar-textbox { width:15em !important;
color: #000066 !important;
font-size: 30px !important;
font-weight: bold !important;
}

Füge ich jetzt background-color: #ffff00 !important; in den Block ein wird der Hintergrund zwar gelb, aber wenn man sucht und das Wort ist auf der Seite nicht vorhanden ist, so wird es nicht rot.
Gibt es da einen Trick und könnte man sogar die Farbe für "nicht gefunden" (rot) auch gleich noch ändern?

Vielen Dank im voraus.

LG

Benutzeravatar
2002Andreas
Moderator
Beiträge: 38861
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Hintergrundfarbe des Suchefeldes (STRG+F)

#2

Beitrag von 2002Andreas » Mo, 26. Feb 2018 17:18

heiko hat geschrieben:
Mo, 26. Feb 2018 17:11
so wird es nicht rot.
Teste bitte mal mit diesem Zusatz:

Code: Alles auswählen

.findbar-textbox[status="notfound"] {
  background-color: #f66!important;
  color: white!important;
}
Also kompl. dann:

Code: Alles auswählen

/* Suchfeld */

.findbar-textbox { width:15em !important;
color: #000066 !important;
font-size: 30px !important;
font-weight: bold !important;
background-color: #ffff00 !important;
}

.findbar-textbox[status="notfound"] {
  background-color: #f66!important;
  color: white!important;
}
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

heiko
Junior-Mitglied
Beiträge: 8
Registriert: Sa, 17. Feb 2018 17:23

Re: Hintergrundfarbe des Suchefeldes (STRG+F)

#3

Beitrag von heiko Themen-Starter » Mo, 26. Feb 2018 18:48

Hallo Andreas. Das klappt perfekt. Vielen Dank. Super Arbeit.
Weisst du zufällig, ob man die Markierung der Suchergebnisse auch per Code festlegen kann? Also diese grüne Markierung.

LG

Antworten

Wer ist online?

Mitglieder in diesem Forum: RuTa und 10 Gäste