JavaFX问题：无法通过CSS正确设置滚动条增减按钮外边框样式

你的问题出在-fx-border-insets的设置和未明确指定边框宽度：

• fx-border-insets: 10会让边框向内偏移10像素，导致按钮外侧显示的是默认背景区域，而非你设置的绿色边框
• 未明确设置-fx-border-width时，默认边框宽度可能不生效

修正后的CSS代码如下：

.scroll-bar:vertical .increment-button,
.scroll-bar:vertical .decrement-button {
    -fx-background-color: #000000;
    /* 明确设置边框宽度，确保边框显示 */
    -fx-border-width: 2px;
    -fx-border-color: #38FB00;
    /* 取消内偏移，让边框紧贴按钮外侧边缘 */
    -fx-border-insets: 0;
    /* 可选：调整内边距，让按钮内的箭头和边框保持合适间距 */
    -fx-padding: 5px;
}

如果仍有默认颜色的边缘，大概率是滚动条轨道（track）的颜色导致视觉差，可同步设置轨道样式：

.scroll-bar:vertical .track {
    -fx-background-color: #000000;
}

这样就能让增量/减量按钮的外侧边缘完全显示为绿色，消除默认颜色的干扰。

内容的提问来源于stack exchange，提问作者Sasabmeg