Abgerundete Ecken bei der Searchbar (Fx 3.6)

Estartu

Hi

Bisher hatte ich den Code

CSS

#searchbar .textbox-input-box {
-moz-appearance: none !important;
-moz-border-radius: 12px !important; 
 margin-left: 2px !important;
 padding-right: 3px !important; }

verwendet, um die Ecken der Searchbar abzurunden. Dies funktioniert jedoch seit 3.6 nicht mehr. Bei der Urlbar funktioniert mein alter Code dagegen noch. Jemand ne Idee?
[attachment=0]urlbar-searchbar.jpg[/attachment]

2002Andreas

Meinst Du das so ? Werte evtl. anpassen.

CSS

.searchbar-textbox {   
-moz-border-radius: 12px !important;
margin-left: 2px !important;
padding-right: 3px !important; }


.searchbar-engine-button{
margin-left: 9px !important;}

PS: Nur in Stylish getestet :wink:

Estartu

Leider nicht. Habs sogar in einem neuen Profil, nur mit Stylish und diesem Code getestet. Will nicht

Steph

Der Code von 2002Andreas funzt bei mir. Probiere die 2 mal:

#searchbar textbox{... oder

#searchbar > textbox{...

Estartu

Steph: Leider auch nicht. Irgendwas stimmt hier nicht. Aber trotzdem danke, auch an 2002Andreas.

2002Andreas

Zitat von Estartu

Aber trotzdem danke, auch an 2002Andreas.

Gern geschehen. Schade das es nicht klappt, aber kann es evtl. an dem Theme liegen was Du benutzt :-?? Hast Du es mal per Default Theme versucht ?

Boersenfeger

Funktioniert hier mit diesem Code:

CSS

/* Suchfeld in Symbolleiste abrunden */


#searchbar .searchbar-textbox {
   -moz-appearance: none !important;
   -moz-border-radius: 09px !important;
   padding-right: 5px !important;
   padding-left:  5px !important;
   margin-right:  5px !important;
}

[Blockierte Grafik: http://img2.pict.com/75/13/85/2606802/0/23012010120634.jpg]

pcinfarkt

Estartu,
https://developer.mozilla.org/en/CSS/-moz-border-radius

2002Andreas

Hallo @ Boersenfeger ...

Geht bei mir auch ohne: -moz-appearance: none !important;
und bei dem -moz-border-radius kannst Du die 0 vor der 9 weglassen weil sie ohne einen Punkt dazwischen nichts bewirkt.

Boersenfeger

Thx!

Estartu

Boersenfeger: Danke, der Code funktioniert hier. :klasse:
[attachment=0]suchleiste.jpg[/attachment]

Boersenfeger

Gerne!
Die Einsparungen von 2002Andreas hast du umgesetzt? Ich habs gemacht und es funktioniert. Wieder ein bisschen Platz im Stylish-Central-Script... :mrgreen: