更改JavaFx选项卡的默认外观
维普尔
我正在尝试使用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;
}
乌鲁克·比（Uluk Biy）
您还应该覆盖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.SideTab的不同s以相同的方式进行覆盖。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
角形更改选项卡顺序
- 2
jQuery的停止选项卡更改URL
- 3
更改JavaFx选项卡的默认外观
- 4
使用jQuery更改活动选项卡
- 5
当JavaFX中的选定选项卡更改时，如何聚焦特定节点？
- 6
更改默认选项卡的IndicatorColor
- 7
提交后更改jQuery选项卡
- 8
如何通过外部事件处理程序使用JavaFX更改选项卡？
- 9
如何更改ttk的选项卡
- 10
JTabbedPane：从选项卡内更改标题
- 11
JavaFX-选项卡中的FXML
- 12
如何将默认导航选项卡视图更改为自定义选项卡视图？
- 13
如何更改选项卡栏项目的默认灰色？
- 14
更改tabControl的选项卡大小
- 15
检测仓库中的选项卡更改
- 16
检测Materializecss选项卡更改
- 17
无法更改TabLayout中的选项卡
- 18
更改.active选项卡引导的默认颜色
- 19
识别JavaFX选项卡
- 20
angularjs选项卡按键防止默认
- 21
jQuery选项卡默认选项卡
- 22
android-如何更改滑动选项卡的默认位置
- 23
jQuery-MixItUp更改默认的“活动”选项卡内容
- 24
设置默认选项卡/页面选择
- 25
JavaFX Scene Builder定制选项卡
- 26
JavaFX 禁用选项卡导航
- 27
是否可以更改记事本中的默认选项卡大小？
- 28
JavaFX JFoenix - 我无法更改选项卡选择栏的颜色
- 29
底部导航视图：应用启动时更改默认突出显示的选项卡
我来说两句