align - div button css

JavaFX combobox css styling

Question

Estoy tratando de personalizar un cuadro combinado en JavaFX a través de css. No puedo personalizar el "botón de flecha" a la derecha (quiero que desaparezca, o tener un gráfico personalizado, por ejemplo).

He estado comprobando el caspian.css predeterminado, pero no importa qué modificaciones haga en la sección .combo-box, el botón de flecha no se ve afectado.

¿Alguna idea de dónde se puede editar?

Answer 1

Usar el siguiente CSS en la hoja de estilo eliminará todas las flechas de ComboBox

.combo-box .arrow, .combo-box .arrow-button{
    -fx-background-color: transparent;
}

Answer 2

Yo quería que desapareciera también. Pero nada funcionó para mí en javafx 8 hasta que intenté lo siguiente: css: .combo-box.REFERENCEDONLY .arrow-button { -fx-padding: 0 0 0 -7; } .combo-box.REFERENCEDONLY .arrow-button { -fx-padding: 0 0 0 -7; }

básicamente dice: use relleno negativo en el lado izquierdo del botón de flecha para reducirlo de manera efectiva.

código javafx: myCombobox.getStyleClass().add("REFERENCEDONLY");