CSS を使用して JavaFx タブのデフォルトの外観を変更しようとしています。
私は以下を達成することができました。
私が探しているのは、最初のタブにギャップを残さないことです。
誰かがそれを達成する方法について正しい方向に向けてください。
以下は、私が達成しようとしている出力です。
次のCSSを使用しました
.tab-pane .tab-header-area .tab-header-background {
-fx-opacity: 0;
}
.tab-pane
{
-fx-tab-min-width:90px;
}
.tab{
-fx-background-insets: 0 1 0 1,0,0;
}
.tab-pane .tab
{
-fx-background-color: #e6e6e6;
}
.tab-pane .tab:selected
{
-fx-background-color: #3c3c3c;
}
.tab .tab-label {
-fx-alignment: CENTER;
-fx-text-fill: #828282;
-fx-font-size: 12px;
-fx-font-weight: bold;
}
.tab:selected .tab-label {
-fx-alignment: CENTER;
-fx-text-fill: #96b946;
}