Stop/Reloadbutton eigene Icons

  • Firefox-Version
    Firefox 122.0
    Betriebssystem
    Windows 11 Pro 64-Bit

    Hallo @ all.

    Ich weiß jetzt nicht, ob es am Fx liegt, meinem neuen Win11, oder ob es mir nur vorher nicht aufgefallen ist:/

    Ich habe mir für den Button 2 eigene Icons erstellt:

    CSS
    #reload-button {
       list-style-image: url("..//Icons/reload.svg") !important;
    }
    
    #stop-button {
       list-style-image: url("..//Icons/16x16_cancel.png") !important;
    }

    So sieht das damit dann aus:

    Während dem Reload ist das Icon grau.

    Fehlt mir da noch ein Icon bzw. eine Farbe?

    Für jeglichen Hinweis wie immer herzlichen Dank vorweg.:)

  • Fehlen nur noch deine Symbole dafür, ohne gehts leider nicht.

    PS es sieht so aus, als dass Firefox noch das eigene Symbol drüberlegt, das sieht so aus.

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • Du solltest diese Dateien genauer anschauen:
    \browser\omni.ja -> \chrome\browser\skin\classic\browser\toolbarbutton-icons.css
    \browser\omni.ja -> \chrome\browser\content\browser\browser.css

    Zu #reload-button und #stop-button stehe etliche Daten und Berechnungen, die wohl gar nicht zu deinen Grafiken passen. Dort wird auch nur SVG genutzt, und zwei, die stop-to-reload und reload-to-stop heissen.

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • da wo das Icon Grau ist

    die stop-to-reload und reload-to-stop heissen.

    Ich habe mich jetzt dafür entschieden:

    Danke für eure Hilfe:thumbup::)