2014-07-23 43 views
3

如何在JavaFX中使用CSS來設計ChoiceBox?我唯一發現的是如何改變背景和文字顏色。JavaFX中的Style ChoiceBox

// Background Color 
.cb { 
    -fx-background-color: #HEX; 
} 

// Text Color 
.cb .label { 
    -fx-text-fill 
} 

enter image description here

什麼我仍然缺少的是突出色彩徘徊的項目和下拉列表的背景顏色時。也是小箭頭。不幸的是,我沒有找到任何文件或任何幫助。

編輯:

@James_D給有很大的聯繫,找出兩種風格:Modena.css

這樣,我想通了,如何着色白色背景黑色。

.cb .context-menu { 
    -fx-background-color: black; 
} 

回答

2

對於高亮顏色:

.cb .menu-item:focused { 
    -fx-background-color: yellow ; /* for example */ 
} 

下拉列表的背景顏色:

.cb .context-menu { 
    -fx-background-color: antiquewhite ; 
} 

對於箭頭:

.cb { 
    -fx-mark-color: green ; 
} 
+0

謝謝!你能告訴我如何改變整個下拉列表嗎? 如何被調用?最重要的是,您是如何知道ChoiceBox由哪些部分組成的? – TomTom

+1

用下拉列表的背景顏色編輯。我從[默認樣式表的源代碼,modena]的組合中找到它(http://hg.openjdk.java.net/openjfx/8/master/rt/file/f89b7dc932af/modules/controls/src /main/resources/com/sun/javafx/scene/control/skin/modena/modena.css),使用[ScenicView](http://fxexperience.com/scenic-view/),以及下拉列表中有一些猜測。 –

相關問題