Browser Buttons anpassen ohne Icon zu verändern?

CrazyLexx

Hallo zusammen,

gibt es eine Möglichkeit, die Größe der Browser Buttons (zurück, stopp usw.) anzupassen, ohne direkt die eigentlichen Icons verändern zu müssen? Speziell geht es mir dabei um die Größe des Randes UM das jeweilige Icon, welcher beim 'drüberfahren mit der Maus angezeigt wird.

Möchte also die Icons in der gleichen Größe beibehalten und nur die äußeren Ausmaße der Buttons um 1 oder 2 Pixel vergrößern.

Gruß,
Tom

liracon

Hallo,

ja das geht schon - bedingt jedenfalls. Hängt immer etwas vom benutzten Theme ab.

In der userchrome.css kannst Du folgenden Code eingeben:

Zitat

alles Beispiele just for fun für den Lesezeichen-Button mit Text:

== hier wäre der Text des Buttons ==
#bookmarks-button .toolbarbutton-text
{
/* margin-top: 4px !important; */
/* margin-bottom: 2px !important; */
/* font-weight: bold !important; */
/* color: brown !important; */
}

== und hier der Button selbst ==
#bookmarks-button .toolbarbutton-icon
{
max-height: 20px !important;
padding: 20px !important;
}

Alles anzeigen

Das padding (z.B. padding-left: 3px; padding-right: 5px; padding-top: 2px; padding-bottom: 1px;) muss man ein wenig ausprobieren.
Es ändert die vom Theme vorgegebene Abstände zwischen Umrandung und Button.
Mit min-width: 30px; kannst Du diesen sehr gross machen usw.

Wie gesagt, funktioniert leider nicht bei jedem Theme !