Reload und Stop Buttons

Hallo allen..

Es geht um den reload und stop buttons..

Ich hab die Icons geänder mit dieser code, aber die original-icons werden wenn sie aktiv sind auch angezeigt.

also mit list-style-image: none !important; werden sie nicht entfernt, wenn es die seite neuladet.

bitte um hilfe.

Danke.

und hier die code.

#reload-button {
  list-style-image: none !important;
  background: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/afreload1.png") !important;
  background-repeat: no-repeat !important;
  background-position: 5px 5px !important;
  background-size: 20px 20px !important;
  margin-bottom: -4px !important;
}
#stop-button {
  list-style-image: none !important;
  background: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/afstop1.png") !important;
    background-repeat: no-repeat !important;
  background-position: 5px 5px !important;
  background-size: 20px 20px !important;
  margin-bottom: -4px !important;
}

und hier die icons, hab extra die ecken rot gemacht damit man es hier sieht.

Zitat von grisu2099

Probiers mal damit:

Danke aber bei dem werden sie auch angezeigt.

So wie ich vom 2002Andreas gelernt habe, sollte ebän das list-style-image: none !important; so machen, dass die original-icons nicht angezeigt werden.

Zitat von grisu2099

Der Code funktioniert!

Bei mir funktioniert die code leider nicht.

Hier der Beweis:

Hier noch eins:

mir kommt es so vor, dass mir niemand glaubt.

hier noch ein Beweis in einem leeren Profil.

habe sogar das FF-Fenster verkleinert und mir näher gebracht und sehr konzentriert draufgeschaut.

Und hier nochmals..

Habe jetzt extra den roten hintegrund usw.. gelöscht, damit man es noch besser sieht.

Zitat von grisu2099

Ich habe mal schnell den Reload-Button durch das Apple-Icon ersetzt:

Und was passiert wenn die Seite neu lädst?

Zitat von grisu2099

Was soll da passieren?

Während des Ladens erscheint der Stop-Button, danach wieder der Reload-Button (bzw. momentan das Apple-Icon)!

Bei mir leider nicht. Habs ja sogar mit gif-bilder belegt.

Zitat von BrokenHeart

Mal hiermit versuchen...

Danke wenn ich deine Code zusätzlich einfüge funkt es tiptop.

Zitat von .DeJaVu

Fakten dazu: es sind zwei Buttons, nicht einer, und die werden intern gesteuert. Und es reicht list-style-image: (so, und nur so)

Wer was anderes reinschreibt, macht es falsch.

PS

das PNG sieht grausam aus (pixelig), das Original ist ein SVG.

Hast du meine Gif-Bilder angeschaut, bevor du geschrieben hast?

Ich habe auch mit nur list-style-image getestet lieber .DeJaVu aber hat nicht gefunkt.

Und zu deinem PS: ich kenn mich nicht so aus damit. Wie macht man ein SVG?

Zitat von Dharkness

Hier funktioniert es ohne dem zusätzlichen CSS-Schnipsel von BrokenHeart.

Bei mir leider nicht. Hab ganz oben mehrmals mit Gif-Bilder ja gezeigt.

Ich weiss nicht, warum mir niemand glaubt.

Zitat von grisu2099

Dann funkt dir irgendwas anderes dazwischen...

ich hab ja sonst nichts, was mit der Url-leiste zu tun hat. Ich hab es sogar in einem neuen leeren profil getestet.

alle beweise sind vom ersten beitrag an dabei.

Zitat von Dharkness

Dann muss bei Dir irgendetwas dazwischen funken, hast Du es mal ohne Deinem sonst vorhanden CSS-Voodoo getestet?

Hab es sogar in einem leeren profil getestet. Hättest du die Gifs angeschaut, hättest du auch gesehen lieber Dharkness

Achja.. Falls ich vergessen habe, mich bei Jemandem zu Bedanken.

Dankeschön an alle Beteiligten.