Làm thế nào để thay đổi màu sắc của văn bản trong javafx TextField?

Question

Tôi muốn thay đổi màu phông chữ trong TextField. Tôi đã tìm thấy -fx-background-color, -fx-border-color để thay đổi màu nền và đường viền nhưng không có gì cho văn bản. bất kỳ ý tưởng? thanks in advamce

Answer 1

Kiểu CSS cho điều khiển nhập văn bản như TextField cho JavaFX 8 được xác định trong biểu định kiểu modena.css như bên dưới. Tạo biểu định kiểu CSS tùy chỉnh và sửa đổi màu như bạn muốn. Sử dụng CSS reference guide nếu bạn cần trợ giúp để hiểu cú pháp và các thuộc tính và giá trị có sẵn.

.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; 
} 

Mặc dù sử dụng một kiểu dáng bên ngoài là một cách ưa thích để làm phong cách, bạn có thể tạo kiểu inline, sử dụng một cái gì đó như dưới đây:

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

Answer 2

Thiết lập -fx-text-fill công trình đối với tôi.

Xem dưới đây:

if (passed) { 
    resultInfo.setText("Passed!"); 
    resultInfo.setStyle("-fx-text-fill: green; -fx-font-size: 16;"); 
} else { 
    resultInfo.setText("Failed!"); 
    resultInfo.setStyle("-fx-text-fill: red; -fx-font-size: 16;"); 
}