来自JavaFX CSS我想仅将效果应用于提示文本而不影响TextField中的文本,但不知道如何访问该项目。我只能用-fx-prompt-text-fill更改颜色。当我对文本应用效果时,提示文本也会受到影响,为什么?
.text-field {
-fx-prompt-text-fill: gray;
}
.text-field > .text {
-fx-effect: dropshadow( two-pass-box , blue , .5, 10 , 1 , 1);
}
在上面的代码中也应用了shadow来提示我想要避免的内容!!
答案 0 :(得分:4)
提示文本仅显示文本字段为空时,因此我可以看到最简单的方法是定义和"清空" CSS PseudoClass。根据需要在文本上设置效果,然后将空文本字段中文本的效果定义为null:
.text-field {
-fx-prompt-text-fill: gray;
}
.text-field .text {
-fx-effect: dropshadow( two-pass-box , blue , .5, 10 , 1 , 1);
}
.text-field:empty .text {
-fx-effect: null ;
}
要使伪类有效,您需要在文本字段中注册一个带有text属性的侦听器并更新它:
TextField textField = new TextField();
textField.setPromptText("Enter text");
PseudoClass empty = PseudoClass.getPseudoClass("empty");
textField.pseudoClassStateChanged(empty, true);
textField.textProperty().addListener((obs, oldText, newText) -> {
textField.pseudoClassStateChanged(empty, newText.isEmpty());
});
这是一个SSCCE(上面的CSS代码在prompt-text-styling.css中):
import javafx.application.Application;
import javafx.css.PseudoClass;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class TextFieldPromptStylingTest extends Application {
@Override
public void start(Stage primaryStage) {
TextField textField = new TextField();
textField.setPromptText("Enter text");
PseudoClass empty = PseudoClass.getPseudoClass("empty");
textField.pseudoClassStateChanged(empty, true);
textField.textProperty().addListener((obs, oldText, newText) -> {
textField.pseudoClassStateChanged(empty, newText.isEmpty());
});
Button okButton = new Button("OK");
VBox root = new VBox(10, textField, okButton);
root.setAlignment(Pos.CENTER);
root.setPadding(new Insets(24));
Scene scene = new Scene(root);
scene.getStylesheets().add("prompt-text-styling.css");
primaryStage.setScene(scene);
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
答案 1 :(得分:4)
如果使用JFoenix,可以使用样式表设置Prompt文本的样式。 CSS-Class为.jfx-text-field
,属性为-fx-prompt-text-fill
。
示例:
.jfx-text-field {
-fx-prompt-text-fill: #989898;
}
如果您需要其他组件,请查阅:JFoenix GitHub components page