How to remove this gray top border in JavaFX TextArea


Question

I want a textarea that is completely with no borders and no background effects. Just plain white. I tried removing the border and background but there is this weird gray border that stays on top of the textarea.

enter image description here

Under the "complaints" word there, that is a text area. I removed everything but still that gray line stays.

textArea.setStyle("-fx-background-color: #fff; -fx-border-color: #fff; -fx-border-width: 0; -fx-border-image-width: 0; -fx-background-image: null; -fx-region-background: null;-fx-border-insets: 0; -fx-background-size:0; -fx-border-image-insets:0;");
1
2
10/30/2014 10:57:41 AM

In JavaFX 8, like this:

.text-area {
    -fx-background-insets: 0;
    -fx-background-color: transparent, white, transparent, white;
}

.text-area .content {
    -fx-background-color: transparent, white, transparent, white;
}

.text-area:focused .content {
    -fx-background-color: transparent, white, transparent, white;
}

.text-area:focused {
    -fx-highlight-fill: #7ecfff;
}

.text-area .content {
    -fx-padding: 10px;
    -fx-text-fill: gray;
    -fx-highlight-fill: #7ecfff;
}
3
7/7/2015 10:23:37 PM

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