Farbänderung bei gespeicherte Passwörter, Icons aufeinmal weg ?

Son Goku

Hallo,

kann mir jemand sagen warum die kleinen Icon auf ienmal verschwinden ohne das man es im css gemacht hat ?

Standard nur mit Farbe änderung

mit border transparent und hintergrundfarbe

dann verschwinden die kleinen Icons ?

mein CSS

CSS

@-moz-document url(about:logins) {
    
    
    
/*    für Button - Bearbeiten und Entfernen */
 .edit-button,
 .delete-button {
    color:blue !important;
    }
    
.edit-button,
.delete-button {
    background:rgba(0, 101, 4, 0.1) !important;
    border:2px solid transparent !important;
    } 





}    /* ENDE |  @-moz-document */

Alles anzeigen

.DeJaVu

Weil

background:rgba(0, 101, 4, 0.1) !important;

Damit eliminierst du einen vorhandenen Hintergrund, besagtes Bild eben.

Son Goku

aa alles klar.

Danke.

dann also doch lieber background-color verwenden.

man man man, komm erstmal auf sowas.

Sören Hentzschel

Du kannst deine zwei Blöcke auch zusammenfassen, da die ja exakt das Gleiche ansprechen. Das und in schön formatiert:

CSS

@-moz-document url(about:logins) {
  /* für Button - Bearbeiten und Entfernen */
  .edit-button, .delete-button {
    border: 2px solid transparent !important;
    background-color: rgba(0, 101, 4, 0.1) !important;
    color: blue !important;
  }
} /* ENDE | @-moz-document */

Son Goku

Sören Danke erstmal, aber beide zusammenfassen wollte ich nicht da die bei mir unterschiedlich aussehen

normal

mit hover (nicht wundern, ist ein wenig gephotoshopt)

CSS

/*    für Button - Bearbeiten */
 .edit-button {
    color:#0c0c0d !important;
    background-color:rgba(0, 101, 4, 0.1) !important;
    border:2px solid transparent !important;
    fill:#737373 !important;
    }
    
.edit-button:hover {
    border-top:2px solid #006504 !important;
    }
    
    
    
/*    für Button - Entfernen */    
 .delete-button {
    color:#0c0c0d !important;
    background-color:rgba(215, 0, 34, 0.1) !important;
    border:2px solid transparent !important;
    fill:#737373 !important;
    }
    
.delete-button:hover {
    color:#d70022 !important;
    border-top:2px solid #d70022 !important;
    fill:#d70022 !important;
    }

Alles anzeigen

Son Goku

Hallo,

irgendwie bin ich zu blöde um die richtige css class zu finden füpr diese zwei Button

wäre mir jemand behilflich für die richtige CSS Class ?

Sören Hentzschel

.save-changes-button, .cancel-button

Son Goku

Danke Sören