как убрать или скрыть рамку из текстового поля?

Question

Я работаю над JavaFx, пытаясь закруглить угол Textarea так же, как область ввода сообщения в WhatsApp

Я попробовал использовать setStyle для всех фокусов и фона; цвет границы, слабый

TextArea area=new TextArea();  
area.setStyle( "-fx-region-background: null;"
         + "-fx-text-box-border: transparent;"
         + "-fx-text-fill:black;"
         + "-fx-border-color:#c6c6c6;"
         + " -fx-border-width: 2;"
         + "-fx-border-radius: 30;"
         + "-fx-control-inner-background: transparent;"
         + "-fx-focus-color: transparent;"
         + "-fx-faint-focus-color: transparent;");

Это немного больше, чем я получаю, если я запускаю код, который мне удалось округлить в текстовой области, но звучит так, будто спереди есть поле, если вы заметили четыре угла

звучит так, как будто на передней панели есть треугольник, как убрать границу этого треугольника

https://i.stack.imgur.com/hhqzJ.jpg

Answer 1

Это то, что сработало для меня, сделайте попытку, дайте мне знать, если это не то, что вы ищете

Вот как это сделать с помощью файла CSS

.text-area {
    -fx-background-color: transparent;
    -fx-background-radius: 15;
    -fx-border-radius: 15;
    -fx-border-width: 2;
    -fx-border-color: #c6c6c6;
}
.text-area {
    -fx-background-color: transparent;
}
.text-area .viewport{
    -fx-background-color: transparent;
}
.text-area .content{
    -fx-background-color: transparent;
}