css - 如何为 JFXListView 中的选定标签设置不同的字体填充文本颜色？

Question

我在 FXML 文件中创建了一个 JFXListView :

<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0">
    <children>
        <JFXListView fx:id="listName" layoutX="-1.0" layoutY="-5.0"   />
    </children>
</AnchorPane>

并注入(inject) Controller

@FXML
private JFXListView<Label> listName;

然后我用标签填充 JFXListView

public void loadListAdsTarget(){
    listName.setVerticalGap(7.0);
    for (int i = 0; i < 4; i++) {
        listName.getItems().add(new Label("name " +i+ " desc : text text text"));
    }
    listName.getStyleClass().add("mylistview");
    listName.depthProperty().set(1);
    listName.setExpanded(true);
}

我尝试通过css改变选中标签的颜色，但是通过将文本改为白色并没有得到好的结果。

.mylistview .label {
    -fx-text-fill: #a0a2ab;
}
.mylistview:selected  .label:selected {
    -fx-text-fill: red;
}
.mylistview:focused .label:selected {
    -fx-text-fill: while;
}

.mylistview .list-cell:selected  {
    -fx-background-color: #2196f3;
}
.mylistview .list-cell {
    -fx-background-color: #282d40;
}

Answer 1

将这段css添加到你的文件中，它会改变选中的文本颜色

.mylistview .list-cell:selected .label{
    -fx-text-fill: rgb(20, 20, 20);
}

您也可以删除此部分

.mylistview:focused .label:selected {
    -fx-text-fill: while;
}