JavaFX CSS styling of TextArea does not work


I'm writing a simple JavaFX application, but I can't get some of the CSS styling to work. The problem is the -fx-background-color property for my TextArea.

This is the relevant CSS:

.text-area {
  -fx-font-family: Consolas;
  -fx-highlight-fill: #00ff00;
  -fx-highlight-text-fill: #000000;
  -fx-text-fill: #00ff00;
  -fx-background-color: #000000;

All the fields perform as expected, except -fx-background-color, which apparently does nothing. I still have the default white background. As you can see in the picture, the TextField below, which has identical CSS, but does apply the background color as expected.

Picture of my problem

Any clues?

2/1/2014 3:04:22 AM

You need to set the content:

  .text-area .content{
      -fx-background-color: black;


Or see this answer maybe: Transparent background of a textarea in JavaFX 8

5/23/2017 11:45:35 AM

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow