如何在JavaFX中将圆角设置为TextArea？

我需要在TextArea上设置圆角，但它看起来有点奇怪。看起来，一些内层也应该有半径相同的圆角，但哪一个呢

我使用这个CSS：

.text-area {
    -fx-background-color: #dbb1b1, #fff0f0;
    -fx-background-radius: 15;
    -fx-border-radius: 15;
    -fx-border-color: red;
}

看起来是这样的：

---

您可以按照此操作。希望这会有所帮助

.text-area {
  -fx-border-radius: 10 10 0 0;
  -fx-background-radius: 10 10 0 0;

  /* top-left, top-right, bottom-right, and bottom-left corners, in that 
  order. */
 }

---

似乎我需要发布这个问题，以便自己找到解决方案：D

.text-area .scroll-pane {
    -fx-background-color: transparent;
}
.text-area .scroll-pane .viewport{
    -fx-background-color: transparent;
}
.text-area .scroll-pane .content{
    -fx-background-color: transparent;
}