css - JavaFX コンボボックスの CSS スタイリング

Question

css を使用して JavaFX のコンボ ボックスをカスタマイズしようとしています。右側の「矢印ボタン」をカスタマイズできません (たとえば、非表示にしたり、カスタム グラフィックを表示したりします)。

デフォルトのcaspian.cssを確認していますが、 .combo-box セクションにどのような変更を加えても、矢印ボタンは影響を受けません。

これを編集できる場所について何か考えはありますか?

Answer 1

CSSスタイルシートで次を使用すると、すべてのComboBox矢印が削除されます

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

Answer 2

私も消えて欲しかった。しかし、次のことを試すまで、javafx 8では何も機能しませんでした: css:.combo-box.REFERENCEDONLY .arrow-button { -fx-padding: 0 0 0 -7; }

基本的には、矢印ボタンの左側に負のパディングを使用して、効果的に縮小します。

javafx コード:myCombobox.getStyleClass().add("REFERENCEDONLY");