CSSで集中タブから輝くボーダーを削除する

Question

私のjavaFXアプリケーションのタブ区画のタブにペインがフォーカスされているときに青く輝くボーダーを削除しようとしています。どのようにCSSでこれを行うための任意のアイデアですか？

これが私の現在の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%); 
} 

が、私は違いを見ることができます背景derive(-fx-base, 60%)に一致するようにfocuse色を与えるべき値を知らないと私は-fx-background-colorに設定している場合私エラー

Answer 1

これを実現する1つの方法は、境界線の色を透明に設定することです。

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

フォーカスカラーとぼんやりしたフォーカスカラー（差し込み枠に使用）を直接設定することもできます。

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

ここでは特定のクラスを使用しましたが、タブクラスでも動作します。

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

Answer 2

は、以下のことを試してみてくださいます：

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