JavaFX CSS效果帮助（截图）

Question

我无法弄清楚如何使用css将这种效果应用于javaFX 2中的文本字段（-fx -...：...）;

我需要截图中的内容。我有一个具有该背景的面板，我需要文本字段使其变暗一点（它看起来像一个内部阴影）。

我尝试在面板上使用较小的不透明度，在文本输入上使用较高的不透明度但是无法正常工作。

感谢。

Answer 1

运行此示例应用：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TextField;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;

public class StyleDemo extends Application {

    @Override
    public void start(Stage primaryStage) {
        TextField txt = new TextField("text");
        txt.setLayoutY(150);
        txt.setPrefHeight(50);
        txt.setStyle("-fx-background-color: rgb(0,0,0,0.11); -fx-text-fill: white; -fx-font-size: 28; -fx-font-weight: bold");

        Pane root = new Pane();
        root.setStyle("-fx-background-image: url(\"http://i.stack.imgur.com/ThghN.png\"); -fx-background-repeat: stretch; -fx-background-size: 300 250;");
        root.getChildren().add(txt);
        primaryStage.setScene(new Scene(root, 300, 250));
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

要为文本字段提供内部阴影效果，请选中此链接：
http://docs.oracle.com/javafx/2.0/api/javafx/scene/doc-files/cssref.html#typeeffect