Entfernen Sie den leuchtenden Rand von fokussierten Registerkarte mit CSS

Ich versuche, die blau leuchtende Grenze zu entfernen, die angezeigt wird, wenn der Bereich eines Tabs in einer Registerkarte in meiner javaFX-Anwendung fokussiert ist. Irgendeine Idee, wie man das in CSS macht?Entfernen Sie den leuchtenden Rand von fokussierten Registerkarte mit CSS

Dies ist meine aktuelle CSS:

.tab{ 
    -fx-background-radius: 0; 
    -fx-background-color: derive(-fx-base, 0%); 
    -fx-background-insets: 0.3; 
    -fx-focus-color: XXXXXX; 
    } 
.tab:hover{ 
    -fx-background-color: derive(-fx-base, 20%); 
} 
.tab:selected{ 
    -fx-background-color: derive(-fx-base, 60%); 
}

aber ich weiß nicht, welcher Wert i focuse Farbe geben sollte derive(-fx-base, 60%) den Hintergrund an i einen Unterschied sehen, und wenn ich setzen Sie ihn auf -fx-background-color ich erhalte einen Fehler

Quelle

2015-12-10 Exagon

Umriss: keine; sollte die CSS-Regel dafür sein, aber ich arbeite nicht mit javaFX, also bin ich mir nicht sicher, ob das ist, was Sie suchen. Entschuldigung, wenn es nicht ist. – dnmh

Zugehörige, aber nicht identische Frage: [Wie entferne ich das standardmäßige Randglühen einer JavaFX-Schaltfläche (wenn ausgewählt)?] (Http://stackoverflow.com/questions/6092500/how-do-i-remove-the -default-border-glow-of-a-javafx-button-wenn-gewählt – jewelsea

-fx-focus-color: transparent funktioniert nicht für mich kann ich einen kleinen Unterschied zwischen der Registerkarte und der Bordercolor – Exagon

Eine Möglichkeit, dies zu erreichen, besteht darin, die Rahmenfarbe transparent zu setzen.

Sie können auch die Fokusfarbe und die schwache Fokusfarbe (für den eingesetzten Rahmen) direkt einstellen.

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator { 
    -fx-focus-color: transparent; 
    -fx-faint-focus-color: transparent; 
}

Ich habe die spezifische Klasse hier verwendet, aber es funktioniert auch mit der Registerkarte Klasse.

.tab { 
    -fx-focus-color: transparent; 
    -fx-faint-focus-color: transparent; 
}

Quelle

2015-12-13 01:28:47 Prometheus

Versuchen Sie folgendes:

.tab-pane > .tab-header-area > .headers-region > .tab:selected 
{ 
-fx-focus-color: transparent; //red; 
}

Quelle

2015-12-10 21:14:00 Kachna

funktioniert es die Grenze Farben rot, aber ich kann es nicht fit machen ableiten (-fx-Basis, 60%) – Exagon

funktioniert mit der transparenten, aber ich sehe den Unterschied, es sollte die gleiche Farbe der Registerkarte ist – Exagon

Entfernen Sie den leuchtenden Rand von fokussierten Registerkarte mit CSS

Antwort

Verwandte Themen