how to style a prompt text of combobox in java FX application? - css

Question

I want to modify the css style of my combobox to reduce the text-size of its promptText.
How can this be done?

Answer 1

If you only want to change size of the prompt text, and not the other text, I don't think there is any way: there's simply no hook into the text node for the prompt text that distinguishes it from the displayed text.
You can change the color via a special css property:
.combo-box .text-field {
-fx-prompt-text-fill: rgba(255, 0, 0, 0.5) ;
}
.combo-box .text-field:focused {
-fx-prompt-text-fill: transparent ;
}
but I don't see any way to change any other style properties.

Answer 2

just add the following codes at your css
.combo-box-base .text{
-fx-fill: rgb(130.0, 130.0, 130.0);
}

Answer 3

Have you checked this out? Try something like:
.combo-box .list-view {
-fx-font-size: xxxx;
}
You may need to specify additional properties/and or additional selectors to achieve the desired effect (e.g. -fx-cell-size). See the relevant section in caspian.css (located inside the jfxrt.jar in the lib folder of your JRE).

Answer 4

A bit of a hack using Scenic View
.combo-box .list-cell {
-fx-font-size: xxxx;
}

Answer 5

As James D said this piece of code work in certain condition only
.combo-box .text-field {
-fx-prompt-text-fill: rgba(255, 0, 0, 0.5) ;
}
.combo-box .text-field:focused {
-fx-prompt-text-fill: transparent ;
}
but only if you active editable property of your combobox.
If you add
.combo-box-base .text
it will apply even for the element of your combobox
If you don't want your combobox editable JavaFx don't take this into account. I think you have to manage it yourself by adding a PseudoClass and activate it yourself ...
Or put your combobox editable but forbid keyboard
Or You'll have to take another ComboBox from another Interface framework
Those solutions are workaround and not definitive solution i hope JavaFx developpers will improve this.

Answer 6

I know this is old, someone might get helped.
For default combo box:
.combo-box{
-fx-prompt-text-fill: #ffffff;
}
For JFoenix Combo box:
.jfx-combo-box {
-fx-prompt-text-fill: #ffffff;
}
You can also style the .list-cell .label .text-field sub-property(ies) if need be.

Answer 7

With this code I change styles of comboboxes: font, font-size, text color etc.
ComboBox<String> comboBox= new ComboBox<String>();
comboBox.setPromptText("Text");
comboBox.setButtonCell(new ListCell<String>(){
#Override
protected void updateItem(String item, boolean empty) {
super.updateItem(item, empty);
setStyle("-fx-font-size: 17.0");
if(!(empty || item==null)){
setText(item.toString());
}
}
});