使用JavaFX中的CSS样式ChoiceBox列表

Question

如何在css或代码中访问此列表以进行样式设置.我无法从modena.css中弄明白.

通过使用

.choice-box > * {
    -fx-background-color: black;
}

列表不受影响,因此它是某种单独的控件.

Answer 1

以下选择器应在以下菜单中执行着色ChoiceBox:

// Background color of the whole context menu
.choice-box .context-menu { -fx-background-color: black; }
// Focused item background color in the list
.choice-box .menu-item:focused { -fx-background-color: orange; }
// Text color of non-focused items in the list
.choice-box .menu-item > .label { -fx-text-fill: white; }
// Text color of focused item in the list
.choice-box .menu-item:focused > .label { -fx-text-fill: black; }

如果你ChoiceBox进一步着色:

// Background color of the control itself
.choice-box {
  -fx-background-color: black;
  -fx-mark-color: orange; // arrow color
}

// Selected item text color on the control itself
.choice-box > .label { -fx-text-fill: white; }

结果将是ChoiceBox这样的: