HOWTO得到正確的CSS項目進行的DatePicker（JavaFX的8）

Question

傢伙嗨，你知道HOWTO編輯的DatePicker控件中的文本字段邊框顏色和邊框寬度（目前薄紅色邊框） ？ ？順便說一句，我可以在哪裏找到對JavaFX控件的可用CSS項目的很好的參考？

乾杯！

Answer 1

在你的CSS文件中更改此屬性（由modena.css）：

.date-picker > .text-field { 
    -fx-background-color: 
     linear-gradient(to bottom, derive(-fx-text-box-border, -10%), -fx-text-box-border), 
     linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background, -9%), -fx-control-inner-background); 
    -fx-background-insets: 1 0 1 1; 
    -fx-background-radius: 2 0 0 2; 
} 

.date-picker:focused > .text-field, 
.date-picker > .text-field:focused { 
    -fx-background-color: 
     -fx-control-inner-background, 
     -fx-faint-focus-color, 
     linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background, -9%), -fx-control-inner-background); 
    -fx-background-insets: 1 0 1 1, 1 0 1 1, 3 2 3 3; 
    -fx-background-radius: 2 0 0 2, 1 0 0 1, 0; 
} 

很好的參考：JavaFX CSS Reference Guide