JavaFX ChoiceBox 小知识

一、本篇文章记录和讲述在JavaFX中怎么修改下拉框的一些CSS样式

二、FXML代码

<ChoiceBox fx:id="top_choiceBox" id="top_choiceBox" visible="true"/>

三、controll代码

top_choiceBox.getItems().addAll("审计","程序","文件","注册","保护");
top_choiceBox.getSelectionModel().selectFirst();//默认选中第一个选项

四、css代码

     1、下拉框主体

#top_choiceBox{
	-fx-min-width: 100px;
	-fx-min-height: 30;
	-fx-border-width: 2px;    /**边框宽度*/
	-fx-background-radius: 15px; /**圆角 */
	-fx-border-color: rgb(179,206,251); /**边框颜色 */
	-fx-background-color: #ffffff; /**背景颜色 */
	-fx-mark-color: green ;	/**下拉框箭头颜色和选中后前面√颜色 */
	-fx-font-size: 12px;	/**字体大小 */
}

    2、下拉框

#top_choiceBox .context-menu{
	-fx-min-width: 100px;
	-fx-font-size: 12px;
	-fx-background-radius: 15px; /**圆角 */
}

 

    3、选中颜色

#top_choiceBox .menu-item:focused{
	-fx-background-color: yellow ;
}