Changing color of text in textfield

Question

I wanted to change the text when typed to white to match the design but couldn't, any idea's on how to do this?

Answer 1

To change the text color of a typed input in JavaFX, such as in a TextField or TextArea, you need to apply CSS styling to that particular component.
Example CSS

.text-field {

-fx-text-fill: white; /* Changes text color to white */

}

Link the scene to css:
scene.getStylesheets().add("path/to/your/style.css");

OR
you can set it directly in your code
TextField textField = new TextField();
textField.setStyle("-fx-text-fill: white;"); // Set the text color to white

Answer 2

You can use JavaFX's event handling mechanisms to achieve that. For example, add an event handler for the OnKeyTyped event, which is triggered when the user types into the TextField. When a key is typed, you change the text color to white by updating the style of the TextField using the setStyle method.

Check this out: https://docs.oracle.com/javafx/2/api/javafx/scene/input/KeyEvent.html

Answer 3

From what I have learned this semester creating a CSS file is the best way to handle most UI design problems, in this case, the CSS file would look like the following,

.text-field
{

-fx-test-fill: white;

}

and if you want to add other things to the design, you could add more to this CSS class.