Background color of non editable textfield

Question

Dear all,
how can I set the background color with a css stylesheet of a textfield that is enabled but non editable "textfield.setEditable(false);"?
I can not find an example in the caspian.css stylesheet file.
Regards Tim

Answer 1

Use the -fx-background-color to change the background color of a TextField.
Whether the textfield is editable or not, makes no difference as to how this is done.
If you want the textfield background to change only when it is not editable, then you can use the :readonly css pseudoclass on the field as bouye suggests.
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class TestCssStyles extends Application {
  public static void main(String[] args) throws Exception { launch(); }
  @Override public void start(final Stage stage) throws Exception {
    VBox root = new VBox();
    ToggleButton button = new ToggleButton("Toggle Editable");
    final TextField textField = new TextField("Frobozz");
    textField.getStyleClass().add("customtextfield");
    textField.editableProperty().bind(button.selectedProperty());
    root.getChildren().addAll(textField, button);
    Scene scene = new Scene(root);
    scene.getStylesheets().add(getClass().getResource("styletest.css").toExternalForm());
    stage.setScene(scene);
    stage.show();
/** styletest.css place in same dir as TestCssStyles.java and ensure build system copies it to the app compile output path */
.root {
  -fx-padding: 10;
  -fx-spacing: 5;
  -fx-background-color: cornsilk; 
.customtextfield:readonly {
  -fx-background-color: coral;
}Edited by: jsmith on Aug 6, 2012 4:14 PM
Updated to demo use of a :readonly pseudoclass as per bouye's suggestion.