I'm trying to create a black and white ScrollPane in JavaFX. I already created a CSS file, which works pretty fine. Except for this little square:

Whatever I try, I'm not able to turn it black. Here is my CSS file:

.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;
}

Is there a way to change the color of this square?

1

2 Answers

Simply add the following selector using the needed color:

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

Use "corner" class.

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

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password Submit

Post as a guest

Post Your Answer Discard

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy