使用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，如下所示：