Moin,
hier habe ich ein Kästchen in der Sidebar:
Dieses und auch die Schrift sind ziemlich blass. Sicherlich gibt es eine Möglichkeit hierfür den Rand: (border) fetter und farbiger zu machen
und auch die Schrift anzupassen (bold und color).
Leider weiss ich nicht wie und ich bin noch nicht soweit, das ich mit den Browser-Werkzeugen arbeite.
Gehe ich im nächsten Jahr an.
hierfür den Rand: (border) fetter und farbiger zu machen
Teste bitte:
#search-box {
appearance: none !important;
border: 4px solid red !important;
}
Ergänzend:
#search-box {
appearance: none !important;
border: 4px solid red !important;
background-color: white !important;
color: blue !important;
font-weight: bold !important;
}Wie immer, herzlichen Dank 
Habe versucht, die Schrift auch noch anzupassen, halbwegs gelungen allerdinsg ist mir dabei ein Fehlr unterlaufen, ich weis nur nicht wo?
Sieht jetzt so aus:
#search-box {{
appearance: none !important;
border: 4px solid red !important;
}
-moz-appearance: none !important;
font-weight: bold !important;
font-size: 12px !important;
font-family: Helvetica, Arial, Geneva, sans-serif !important;
color: red !important;
}Mit dem Code von Grisu ist es perfekter. Danke schön. Sieht gut aus.
Hatte sich mit meinem Versuch überschnitten.
Es sollte so ↓ aussehen.
#search-box {
appearance: none !important;
border: 4px solid red !important;
font-weight: bold !important;
font-size: 12px !important;
font-family: Helvetica, Arial, Geneva, sans-serif !important;
color: red !important;
}ist mir dabei ein Fehlr unterlaufen
In Zeile 1 am Ende hast du 2 {{
Und in Zeile 4 gehört die } nicht hin.
Gern geschehen. 
die Schrift auch noch anzupassen
Jetzt ist es mit dem Code so, dass die Schrift bei einer Suche auch eine andere Farbe hat.
Wenn du nur den placeholder Text ändern willst wäre es:
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
::placeholder {
color: blue !important;
opacity: 1 !important;
font-weight: bold;
}
#search-box {
appearance: none !important;
border: 2px solid red !important;
margin-right: -5px !important;
}
}
Ich habe jetzt folgende beste Lösung für mich gefunden:
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
::placeholder {
color: yellow !important;
opacity: 1 !important;
font-weight: bold !important;
font-size: 14px !important;
font-family: Helvetica, Arial, Geneva, sans-serif !important;
}
#search-box {
appearance: none !important;
border: 2px solid red !important;
margin-right: -5px !important;
}
}Danke für die Hilfe.
Habe aber gleich eine Verständnisfrage.
Vor placeholder steht (::) und die search-box wird mit (#) eingeleitet.
Welche Bedeutung hat das jeweils?
Ergebnis sieht dann so aus:
Einfache Erklärung:
# = ID des Eintrages, Button etc.
:: = Klassenunterschied.
Genaueres dazu hier:
in Ruhe einzuarbeiten
