Revisions to TextArea FXML border radius

deleted 4 characters in body

Source Link

edited Mar 7 at 0:27

60.2k
31
151
176

I'm rounding the borders of my TextArea, but there's a white background behind it, even though it shouldn't be there. How can I remove it?


 <AnchorPane style="-fx-background-color: yellow;" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.demo.HelloController">
    <AnchorPane style="-fx-background-color: black;">
        <TextArea fx:id="terminal" prefHeight="610.0" prefWidth="600.0" wrapText="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
    </AnchorPane>
</AnchorPane>

My css

#terminal .content, #terminal{
     -fx-background-color: red;
     -fx-background-radius: 100;
     -fx-text-fill: black;

}

But in the end this happens

I'm rounding the borders of my TextArea, but there's a white background behind it, even though it shouldn't be there. How can I remove it?


 <AnchorPane style="-fx-background-color: yellow;" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.demo.HelloController">
    <AnchorPane style="-fx-background-color: black;">
        <TextArea fx:id="terminal" prefHeight="610.0" prefWidth="600.0" wrapText="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
    </AnchorPane>
</AnchorPane>

My css

#terminal .content, #terminal{
     -fx-background-color: red;
     -fx-background-radius: 100;
     -fx-text-fill: black;

}

But in the end this happens

I'm rounding the borders of my TextArea, but there's a white background behind it, even though it shouldn't be there. How can I remove it?

<AnchorPane style="-fx-background-color: yellow;" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.demo.HelloController">
    <AnchorPane style="-fx-background-color: black;">
        <TextArea fx:id="terminal" prefHeight="610.0" prefWidth="600.0" wrapText="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
    </AnchorPane>
</AnchorPane>

My css

#terminal .content, #terminal{
     -fx-background-color: red;
     -fx-background-radius: 100;
     -fx-text-fill: black;

}

But in the end this happens

deleted 4 characters in body

Source Link

edited Mar 7 at 0:24

Hamvy B

3
3

I'm rounding the borders of my TextArea, but there's a white background behind it, even though it shouldn't be there. How can I remove it?


<AnchorPane style="-fx-background-color: yellow;" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.demo.HelloController">
    <AnchorPane style="-fx-background-color: black;">
        <TextArea fx:id="terminal" prefHeight="610.0" prefWidth="600.0" wrapText="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
    </AnchorPane>
</AnchorPane>

My css

#terminal .content, #terminal{
     -fx-background-color: red;
     -fx-background-radius: 100;
     -fx-text-fill: black;

}

But in the end this happens: _happens

I'm rounding the borders of my TextArea, but there's a white background behind it, even though it shouldn't be there. How can I remove it?


<AnchorPane style="-fx-background-color: yellow;" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.demo.HelloController">
    <AnchorPane style="-fx-background-color: black;">
        <TextArea fx:id="terminal" prefHeight="610.0" prefWidth="600.0" wrapText="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
    </AnchorPane>
</AnchorPane>

My css

#terminal .content, #terminal{
     -fx-background-color: red;
     -fx-background-radius: 100;
     -fx-text-fill: black;

}

But in the end this happens: _

I'm rounding the borders of my TextArea, but there's a white background behind it, even though it shouldn't be there. How can I remove it?


<AnchorPane style="-fx-background-color: yellow;" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.demo.HelloController">
    <AnchorPane style="-fx-background-color: black;">
        <TextArea fx:id="terminal" prefHeight="610.0" prefWidth="600.0" wrapText="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
    </AnchorPane>
</AnchorPane>

My css

#terminal .content, #terminal{
     -fx-background-color: red;
     -fx-background-radius: 100;
     -fx-text-fill: black;

}

But in the end this happens

edited body

Source Link

edited Mar 7 at 0:24

Hamvy B

3
3

I'm rounding the borders of my TextArea, but there's a white background behind it, even though it shouldn't be there. How can I remove it?


<AnchorPane style="-fx-background-color: yellow;" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.demo.HelloController">
    <AnchorPane style="-fx-background-color: black;">
        <TextArea fx:id="terminal" prefHeight="610.0" prefWidth="600.0" wrapText="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
    </AnchorPane>
</AnchorPane>

My css

#terminal .content, #terminal{
     -fx-background-color: red;
     -fx-background-radius: 100;
     -fx-text-fill: black;

}

But in the end this happens: _

I'm rounding the borders of my TextArea, but there's a white background behind it, even though it shouldn't be there. How can I remove it?


<AnchorPane style="-fx-background-color: yellow;" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.demo.HelloController">
    <AnchorPane style="-fx-background-color: black;">
        <TextArea fx:id="terminal" prefHeight="610.0" prefWidth="600.0" wrapText="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
    </AnchorPane>
</AnchorPane>

My css

#terminal .content, #terminal{
     -fx-background-color: red;
     -fx-background-radius: 100;
     -fx-text-fill: black;

}

But in the end this happens:

I'm rounding the borders of my TextArea, but there's a white background behind it, even though it shouldn't be there. How can I remove it?


<AnchorPane style="-fx-background-color: yellow;" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.demo.HelloController">
    <AnchorPane style="-fx-background-color: black;">
        <TextArea fx:id="terminal" prefHeight="610.0" prefWidth="600.0" wrapText="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
    </AnchorPane>
</AnchorPane>

My css

#terminal .content, #terminal{
     -fx-background-color: red;
     -fx-background-radius: 100;
     -fx-text-fill: black;

}

But in the end this happens: _

added 3 characters in body

Source Link

edited Mar 7 at 0:23

Hamvy B

3
3

Loading

added 7 characters in body

Source Link

edited Mar 7 at 0:23

Hamvy B

3
3

Loading

added 2 characters in body

Source Link

edited Mar 7 at 0:22

Hamvy B

3
3

Loading

deleted 33 characters in body

Source Link

edited Jan 30 at 11:58

Hamvy B

3
3

Loading

added 77 characters in body

Source Link

edited Jan 29 at 16:35

Hamvy B

3
3

Loading

Source Link

asked Jan 29 at 16:35

Hamvy B

3
3

Loading

Collectives™ on Stack Overflow

Return to Question