如何为 DatePicker (JavaFX 8) 获取正确的 CSS 项

Question

大家好，您知道如何在DatePicker控件中编辑 TextField 边框颜色和边框宽度（当前为细红色边框）吗？? 顺便说一句，我在哪里可以找到对 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 参考指南