删除单击 DatePicker 时的蓝色效果

Question

有没有办法更改默认颜色，使 DatePicker 的文本字段在单击时以蓝色突出显示？

我已阅读了经过数小时的搜索后遇到的所有相关问题，并修改了所有其他元素，但我找不到任何有关如何设计此元素的信息。阅读modena 样式表和oracle 文档后仍然一无所获。

如图所示，这是当前的 CSS：

.date-picker .arrow-button {
    -fx-background-color: black;
    -fx-background-radius: 0;
}
.date-picker .arrow-button:hover {
    -fx-background-color: #585858ff;
}
.date-picker .arrow-button .arrow {
    -fx-background-color: white;
}
.date-picker .arrow-button .arrow:hover {
    -fx-background-color: #585858ff;
}
.date-picker .cell {
    -fx-background-color: white;
}
.date-picker .cell:hover {
    -fx-background-color: #a5a5a5;
}
.date-picker .cell:focused {
    -fx-background-color: #a5a5a5;
}
.date-picker .selected {
    -fx-background-color: #a5a5a5;
    -fx-text-fill: white;
}
.date-picker .selected:focused {
    -fx-background-color: #585858ff;
    -fx-text-fill: white;
}
.date-picker-popup  {
    -fx-border-color: transparent;
}
.date-picker-popup .month-year-pane {
    -fx-background-color: #a5a5a5;
}
.date-picker-popup .month-year-pane .label {
    -fx-text-fill: white;
}
.date-picker-popup .week-number-cell {
    -fx-text-fill: white;
}
.date-picker-popup .spinner .button .left-arrow,
.date-picker-popup .spinner .button .right-arrow {
        -fx-background-color: white;
} 
.date-picker-popup .spinner .button .left-arrow:hover,
.date-picker-popup .spinner .button .right-arrow:hover {
    -fx-background-color: #585858ff;
} 
.date-picker-popup .spinner .button,
.date-picker-popup .spinner .button {
    -fx-background-color: transparent;
}
.date-picker .text-field {
    -fx-control-inner-background: black;
    -fx-text-fill: #a5a5a5;
}

这可能只是我忽略了这里的一些小事情，但无论如何，任何帮助将不胜感激。

Answer 1

要删除蓝色效果，请在 CSS 中写入以下代码

.date-picker:focused {
    -fx-faint-focus-color: transparent;
    -fx-focus-color: transparent;
}