gpt4 book ai didi

tabs - 更改 JavaFx 选项卡默认外观

转载 作者:行者123 更新时间:2023-12-03 11:57:57 27 4
gpt4 key购买 nike

我正在尝试使用 css 更改 JavaFx 选项卡的默认外观。

我设法实现了以下目标。

enter image description here

我正在寻找的是第一个标签上不应留有空隙。

有人可以请我指出如何实现它的正确方向。

以下是我试图实现的输出。

enter image description here

我使用了以下 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;
}

最佳答案

您还应该覆盖 CSS:

.tab-pane:top *.tab-header-area {
-fx-background-insets: 0, 0 0 1 0;
/* -fx-padding: 0.416667em 0.166667em 0.0em 0.833em; /* 5 2 0 10 */
-fx-padding: 0.416667em 0.166667em 0.0em 0.0em; /* overridden as 5 2 0 0 */
}

这里 tab-header-area 的左内边距值从 10 变成了 0。另外你需要覆盖其他 CSS 选择器: .tab-pane:bottom , .tab-pane:left.tab-pane:right对于不同的 javafx.geometry.Side 以相同的方式TabPane 的 s。

关于tabs - 更改 JavaFx 选项卡默认外观,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19788661/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com