Как изменить цвет подсветки сфокусированного текстового поля в JavaFX?

Question

После многократного просмотра я еще не нашел для этого решения.

Я пытаюсь изменить this really light blue-ish border color вокруг TextFiedl (когда он будет выбран).

---

Ближайшим Я был был с этим:

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

Но я получаю этот результат:

очень сильный тон красного цвета (полная противоположность этой мягкой границы), которая также выглядит толще оригинальной.

---

Итак, как я могу изменить только цвет, так что вместо того, чтобы очень светло-голубой, я был бы в состоянии получить, скажем, очень светло-красный, в то время сохраняя толщину/общее ощущение оригинальное свечение?

Answer 1

Вы пытались уменьшить альфа:

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

Answer 2

Посмотрите на код ниже:

.text-field{ 
    -fx-effect: dropshadow(three-pass-box, red , 10.0, 0.0,0.0,0.0); 
    -fx-background-insets:3.0; 
    -fx-background-radius: 5.0; 
    -fx-prompt-text-fill:black; 
    -fx-text-fill:black; 
    -fx-font-size:12.0; 
    -fx-font-weight:bold; 

} 


.text-field:focused{ 
    -fx-background-color: firebrick; 
    -fx-text-fill:white; 
    -fx-prompt-text-fill:white; 
    -fx-background-insets: -0.1, 2.0; 
    -fx-font-size:14.0; 
} 

Answer 3

по умолчанию -fx-faint-focus-color имеет непрозрачность 0x22/0xFF. Вы должны делать то же самое, а также установить -fx-focus-color в red:

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

---

значения по умолчанию из modena.css:

-fx-focus-color: #039ED3; 
-fx-faint-focus-color: #039ED322;