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 ;
}