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

Question

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

Answer 1

文本输入控件如JavaFX8的TextField的CSS样式在modena.CSS样式表中定义，如下所示。创建一个自定义CSS样式表，并根据需要修改颜色。如果您需要帮助理解语法以及可用的属性和值，请使用CSS参考指南。

.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;");