更改Kendo datepicker中的字体颜色

<link rel="stylesheet" href="https://cdn.kendostatic.com/2021.2.616/styles/kendo.default-v2.min.css" />
<script src="https://cdn.kendostatic.com/2021.2.616/js/kendo.all.min.js"></script>

<input id="datepicker" />

$(document).ready(function() {
    $("#datepicker").kendoDatePicker({
        // 设置字体颜色
        // 可以使用CSS颜色值，如红色：#ff0000
        // 或者预定义的颜色名称，如红色：red
        // 也可以使用rgba()或hsl()等颜色表示方式
        // 下面的示例将字体颜色设置为红色
        // 可根据需求自行更改颜色值
        value: new Date(),
        format: "yyyy-MM-dd",
        depth: "year",
        start: "year",
        font: "14px Arial, sans-serif",
        cssClass: "custom-datepicker",
        change: function(e) {
            // 日期选择变化时的回调函数
            console.log("Selected date: " + this.value());
        }
    });
});

.custom-datepicker .k-input {
    color: red;
}