javafx - 如何更改 javafx TextField 中文本的颜色？

Question

我想更改 TextField 中的字体颜色。我找到了 -fx-background-color , -fx-border-color用于更改背景和边框的颜色，但没有更改文本的颜色。

Answer 1

文本输入控件的 CSS 样式(例如 JavaFX 8 的 TextField)在 modena.css 中定义。样式表如下。创建自定义 CSS 样式表并根据需要修改颜色。使用 CSS reference guide如果您需要帮助理解语法和可用的属性和值。

.text-input {
    -fx-text-fill: -fx-text-inner-color;
    -fx-highlight-fill: derive(-fx-control-inner-background,-20%);
    -fx-highlight-text-fill: -fx-text-inner-color;
    -fx-prompt-text-fill: derive(-fx-control-inner-background,-30%);
    -fx-background-color: linear-gradient(to bottom, derive(-fx-text-box-border, -10%), -fx-text-box-border),
        linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background, -9%), -fx-control-inner-background);
    -fx-background-insets: 0, 1;
    -fx-background-radius: 3, 2;
    -fx-cursor: text;
    -fx-padding: 0.333333em 0.583em 0.333333em 0.583em; /* 4 7 4 7 */
}
.text-input:focused {
    -fx-highlight-fill: -fx-accent;
    -fx-highlight-text-fill: white;
    -fx-background-color: 
        -fx-focus-color,
        -fx-control-inner-background,
        -fx-faint-focus-color,
        linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background, -9%), -fx-control-inner-background);
    -fx-background-insets: -0.2, 1, -1.4, 3;
    -fx-background-radius: 3, 2, 4, 0;
    -fx-prompt-text-fill: transparent;
}

虽然使用外部样式表是进行样式设置的首选方式，但您可以使用以下内容进行内联样式:

textField.setStyle("-fx-text-inner-color: red;");