Ja, das mit den doppelöten Symbolen habe ich auch. Lupe und Häkchen. Habe es aber so definieren können, das die Lupe den Haken fast überdeckt. Also nicht so tragisch und für mich okay.
Nun habe ich den code mal etwas geändert:
#menu_zoomReset{ /*Zoom-Tatsächliche Größe*/
-moz-appearance:none !important;
background-color: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche-Größe.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_zoomReset:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche-Größe.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 15px !important;
padding-left: 35px !important;
background-position: 10px 10px!important;
}
Alles anzeigen
Habe nun oben background-color gesetzt. Nun macht er das, was er machen soll.
Eigentlich - Allerdings zeigt es mir nun das Icon nicht bei "aktiv" an, dafür bei hover.
Ist schon irgendwie eigenartig aber ich probiere weiter.
Mit background-color zusätzlich bei hover ändert sich nichts.
Vielleicht haben Endor oder 2002Andreas ja noch eine Idee.
Wobei, ich versuche mal die Farbe, Anregung von Dharkness aus Beitrag #22, mit #f44336 zu setzen. Mal sehen.
Jepp das ist die Lösung!
#menu_zoomReset{ /*Zoom-Tatsächliche Größe*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche-Größe.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_zoomReset:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: #f44336 url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche-Größe.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 15px !important;
padding-left: 35px !important;
background-position: 10px 10px!important;
}
Alles anzeigen
So sieht es aus und klappt tadellos.
Nun würde mich interessieren, warum es sorum klappt und andersrum nicht?