如何在JavaFX中更改焦点文本字段的发光轮廓颜色？

Question

经过很多浏览后,我还没有找到解决方案.

我试图改变this really light blue-ish border color周围的TextFiedl(当它的选择).

---

我最接近的是这个:

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

但我得到了这个结果:

一种非常强烈的红色调(与柔和边缘完全相反),看起来也比原来的厚.

---

所以,我怎样才能改变只是颜色,使代替葱白我能够得到,比如说,一个很淡红色,同时保持原有的辉光的厚度/整体感觉？

Answer 1

默认-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;

Answer 2

您是否尝试降低alpha：

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