titlebar-close in Farbe bei hover ?

Son Goku

Hallo,

ich bekomme einfach den Schliesse Button oben rechts bei hover nicht in Farbe dargstellt.

wie kann ich das machen ?

CSS

.titlebar-close:hover{ 
     color:#a4000f !important; 
     background-color:aqua  !important; 
}

auch mit "fill" an statt "color" bringt es nicht

.DeJaVu

CSS

.titlebar-button.titlebar-close:hover
{
    background: #080 !important;
}

userChrome.css, Rest bitte selbst anpassen.

Son Goku

Hallo,

das ist doch das selbe was ich jetzt chon habe.

Das ändert nur den hover Effekt und nicht das X bzw die svg Grafik.

Normalerweise ändere ich die svg Grafik mit "fill", wie gesagt das klappt aber nicht.

2002Andreas

Zitat von Son Goku

nicht das X

Teste bitte, Farben wenn dann anpassen.

CSS

.titlebar-close:hover {
    stroke: black !important;
    background: lightgrey !important;
    }

Funktioniert aber nur, wenn die Titelleiste ausgeblendet ist.

Son Goku

top Andreas,

das wars mit "stroke".

Das kannte ich noch nicht.

Danke.

2002Andreas

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

.DeJaVu

Danke, stroke kannte ich auch nicht, MDN dazu

https://developer.mozilla.org/de/docs/Web/SV…lls_and_Strokes

Da steht es sogar, wenn man mit den Browser-Werkzeuge nach unten scrollt

CSS

.titlebar-close {

    list-style-image: url(chrome://browser/skin/window-controls/close.svg);

}
.titlebar-button {

    border: none;
    margin: 0 !important;
    padding: 8px 17px;
    -moz-context-properties: stroke;
    stroke: currentColor;

}

Alles anzeigen