Button per CSS ändern ?

Tapo

Um Rückfragen vorzubeugen, bitten wir um folgende Angaben:

Thunderbird-Version (konkrete Versionsnummer 78.9.0 (32-Bit)
Betriebssystem + Version: Win 10 Pro

Hallo,

ich habe mit mühe und Not mir den Button für "Verfassen"

eingefärbt.

wie kann ich das jetzt für die anderen Button auch machen ?

Norma

mit hover

CSS

#button-newmsg {
    border:2px solid transparent !important;
    background-color:rgba(0, 101, 4, 0.1); 
    color:#006504 !important;
    font-weight: 700 !important; 
    }
    
#button-newmsg:hover {
    background-color:rgba(0, 101, 4, 0.1) !important;
    
    border-top:2px solid red !important;
    }

Alles anzeigen

Mapenzi

Hallo,

Die IDs der anderen standardmäßig angezeigten Buttons heißen

#button-getmsg

#button-address

#button-chat

#button-tag

#qfb-show-filter-bar

Wenn du dort noch andere Buttons hast, die du einfärben willst, müsstest du eine Auflistung geben oder einen breiteren Screenshot zeigen.

seipe

Ich habe das Verfassen-Symbol in der Tab-Leiste. Dadurch wird es mit dem CSS-Code nicht farbig dargestellt. Was muss, speziell bei mir, im Code geändert werden?

Tapo

Danke für die IDs.

kurze Frage dazu.

Der Abruf Button sieht bei hover so aus

eigentlich ok bis auf das innere also der Border und das dunklere Grau.

könnte man dieses auch noch weg bekommen ?

CSS

#button-getmsg{
    font-weight:700 !important;
    font-size: x-small!important;
    color:#0c0c0d !important;
    border:2px solid transparent !important;
    border-radius:6px !important;
    padding: 4px 8px 5px 6px !important; /* top, right, bottom, left */
    }
    
#button-getmsg:hover {
    background-color:rgba(12, 12, 13, 0.1)!important;
    border-top:2px solid #0c0c0d !important;
    }

Alles anzeigen

Mapenzi

Zitat von Tapo

könnte man dieses auch noch weg bekommen ?

Was heißt "weg bekommen" ? Ganz weg oder einfach andere Farben ?

Teste mal den folgenden Code. Ich habe dein CSS weitestgehend übernommen und unten noch ein boisschen CSS hinzugefügt :

CSS

#button-getmsg {
    font-weight:700 !important;
   
    color: #0c0c0d !important;
    border:2px solid transparent !important;
    border-radius:6px !important;
    padding: 4px 8px 5px 6px !important; /* top, right, bottom, left */
    }
    
#button-getmsg:hover {
    background-color:rgba(12, 12, 13, 0.1)!important;
    border-top:2px solid #0c0c0d !important;
    }
#button-getmsg:hover > toolbarbutton:nth-child(2), #button-getmsg:hover > dropmarker:nth-child(3) {
background: lightblue !important; 
border-color: red !important; }

Alles anzeigen

Bei mir sieht der Button beim Darüberfahren dann so aus :

Tapo

Danke.

damit kann ich was anfangen.

Button per CSS ändern ?

graba 8. April 2021 um 05:35

Community-Bot 3. September 2024 um 20:50

Thunderbird 138.0.1 veröffentlicht

Thunderbird 128.10.1 ESR veröffentlicht

Ähnliche Themen

Wie Tab-Symbol für Kalender und Aufgaben ändern?

im Verfassungsfenster Button ändern ?