JavaFX ScrollPane 样式

Posted

技术标签:

【中文标题】JavaFX ScrollPane 样式【英文标题】:JavaFX ScrollPane styling 【发布时间】:2017-06-07 20:18:30 【问题描述】:

我正在尝试在 JavaFX 中创建一个黑白 ScrollPane。我已经创建了一个 CSS 文件,它工作得很好。除了这个小广场:

无论我尝试什么,我都无法将其变黑。 这是我的 CSS 文件:

.scroll-pane 
    -fx-background-color: black;


.scroll-bar:horizontal, .scroll-bar:vertical
    -fx-background-color:transparent;


.increment-button, .decrement-button 
    -fx-background-color: transparent;
    -fx-border-color: transparent;


.scroll-bar:horizontal .track,
.scroll-bar:vertical .track
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-background-radius: 0em;


.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb 
    -fx-background-color: white;
    -fx-background-radius: 5em;

有没有办法改变这个方块的颜色?

【问题讨论】:

JavaFX scrollbar customize. Eliminate extra square, when both scrollbars are activated的可能重复 【参考方案1】:

只需使用所需的颜色添加以下选择器:

.scroll-pane > .corner 
    -fx-background-color: black;

【讨论】:

【参考方案2】:

使用“角落”类。

.scroll-pane > .corner 
      -fx-background-color: black;

【讨论】:

以上是关于JavaFX ScrollPane 样式的主要内容,如果未能解决你的问题,请参考以下文章

JavaFX - 如何从TextArea隐藏滚动条?

JavaFX ScrollPane - 检查显示哪些组件

JavaFX 样式类不会刷新

JavaFX中的样式文本?

在 CSS (JavaFX) 中为 TableView 设置样式

JavaFX让UI更美观-CSS样式