How to change the glow outline color of a focused text field in JavaFX?

java javafx textfield
Francisco picture Francisco · Dec 22, 2016 · Viewed 9k times · Source

After alot of browsing I haven't yet found a solution to this.

I'm trying to change this really light blue-ish border color around the TextFiedl (when it's selected).

The closest I've been to was with this: enter image description here

.text-field {
    -fx-faint-focus-color: red;
}

But I get this result:

enter image description here

A really strong tone of red (the complete opposite of that soft border), that also looks thicker than the original one.

So, how can I change just the color, so that instead of a very light blue I'd be able to get, say, a very light red, whilst keeping the thickness/overall feel of the original glow?

Answer

Bo Halim picture Bo Halim · Dec 22, 2016

Have you tried to reduce the alpha :

.text-field:focused{
    -fx-faint-focus-color: transparent;
    -fx-focus-color:rgba(255,0,0,0.2); /* here rgba (corrected) */
}

Related questions

JavaFX 2.2 TextField maxlength

I am working with a JavaFX 2.2 project and I have a problem using the TextField control. I want to limit the characters that users will enter to each TextField but I can't find a property or something like maxlength. The …

Read More
How do you change the background color of a TextField without changing the border in javafx?

I am trying to change the background color of my TextField "colorBox0" to "value0" but it gets rid of the border. Here is a simplified version of my code: static Paint value0 = Paint.valueOf("FFFFFF"); TextField colorBox0; colorBox0.setBackground(new …

Read More
Numeric TextField for Integers in JavaFX 8 with TextFormatter and/or UnaryOperator

I am trying to create a numeric TextField for Integers by using the TextFormatter of JavaFX 8. Solution with UnaryOperator: UnaryOperator<Change> integerFilter = change -> { String input = change.getText(); if (input.matches("[0-9]*")) { return change; } return null; }; myNumericField.…

Read More