JavaFX CSS效果帮助(截图)

Question

我不知道如何使用 css (-fx-... :...) 将这种效果应用于 javaFX 2 中的文本字段；

我需要像屏幕截图中那样的东西。我有一个带有该背景的面板，我需要文本字段将其变暗一点(它看起来像一个内部阴影)。

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

谢谢。

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