文本字段中的提示文本javaFX

來自JavaFX CSS我想僅對提示文本應用效果，而不會影響TextField中的文本，但不知道如何訪問該項目。我只能用-fx-prompt-text-fill來改變顏色。當我對文本應用效果時，提示文本也會受到影響，爲什麼？文本字段中的提示文本javaFX

.text-field { 
    -fx-prompt-text-fill: gray; 
} 
.text-field > .text { 
     -fx-effect: dropshadow(two-pass-box , blue , .5, 10 , 1 , 1);  
}

在上面的代碼也適用陰影提示文本我想避免的！

來源

2016-01-25 Oundroni

你能解決您的CSS？ '.textField'不是'TextField'的CSS類，你可以在CSS中嵌套選擇器。 –

僅當文本字段爲空時，提示文本纔會顯示，因此我可以看到，執行此操作的最簡單方法是定義並「清空」CSS PseudoClass。只要你想將它設置上的文字效果，然後再定義一個空的文本字段的文本效果爲空：

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

爲了使僞類的工作，你需要註冊與文本屬性監聽器在文本字段更新：

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代碼上面的提示文字 - 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); 
    } 
}

來源

2016-01-25 15:18:57

你可以風格，配有提示文本sytslesheet如果你se JFoenix。 CSS級是.jfx-text-field，屬性-fx-prompt-text-fill。

例子：

.jfx-text-field { 
-fx-prompt-text-fill: #989898; 
}

如果需要其他組件，看它：JFoenix GitHub components page

來源

2018-01-05 20:11:49

文本字段中的提示文本javaFX

回答

相關問題