Transparenter Text im inaktiven Tab

Hallo,

mangels Ergebnisse mittels der Suchfunktion, stelle ich hiermit die Frage:

Der Text im inaktiven Tab soll Weiß (transparent) sein. Der Grad der Transparenz variierbar, je nach Gusto .

Gleichzeitig soll dann im inaktiven Zustand, sie Ausblendung am Ende des Textes wegfallen. Im aktiven Tab soll sie aber bleiben.

Aktuell sieht es so aus:

/*Inaktiver Tab Schrift hellgrau*/
.tabbrowser-tab:not([visuallyselected]) {
   color: #DBDBDB !important;

Vielen Dank vorab.

genetic

Zitat von 2002Andreas

Meinst du das so?

Leider nein, das ist ja der aktive Tab, wo jetzt die Ausblendung am Ende fehlt - soll aber bitte der inaktive sein.

Also quasi genau umgekehrt.

Sören Hentzschel

Perfekt - herzlichen Dank.

2002Andreas

Auch Dir herzlichen Dank.

Jetzt hätte ich doch noch eine Rückfrage:

Was jetzt nicht (mehr) funktioniert, dass bei hover die Schrift (wieder) weiß wird - also die Transparenz außer Kraft gesetzt wird.

/*Inaktiver Tab hover Schrift weiß*/
.tabbrowser-tab:not([visuallyselected]):hover {
   color: white !important;
}

Habt ihr dafür evtl. noch eine Lösung?

Wusste nicht, dass die Stelle entscheidend ist?

/*Inaktiver Tab hover*/
.tabbrowser-tab:not([visuallyselected="true"]):hover  > .tab-stack > .tab-background {
    background: #005A9E !important;    
}

/*Inaktiver Tab HG*/
.tabbrowser-tab:not([visuallyselected]) > .tab-stack > .tab-background {
  background: #006CBA !important    
}

/*Inaktiver Tab Schrift weiß, transparent (.5 steht für die Deckkraft Werte zwischsen 0 (komplett transparent) und 1 (komplett sichtbar) sind möglich.*/
.tabbrowser-tab:not([visuallyselected]) {
   color: rgba(255, 255, 255, .5) !important;
}

/*Inaktiver Tab Text wird am Ende nicht ausgeblendet*/
/*.tabbrowser-tab:not([visuallyselected]) .tab-label-container {*/
/*  mask-image: none !important;*/
}

/*Inaktiver Tab hover Schrift weiß*/
.tabbrowser-tab:not([visuallyselected]):hover {
   color: white !important;
}

Astreiner Tipp! Danke

Zitat von 2002Andreas

Mit deinem Code wird der Tabtext jetzt aber wieder ausgeblendet am Ende

Ja, habe experimentiert, wie es besser aussieht...