html - 如何更改具体化日期时间选择器的默认主体颜色？

Question

您可以在此处找到完整代码 http://codepen.io/anon/pen/BjqxOq

我正在使用 Materialize CSS 显示一个登录表单，您可以在上面的 Codepen 中看到它。它有两个按钮登录和注册。单击注册时，会显示一个包含必要注册字段的模式，其中之一是实现 datetimepicker。

是否可以更改 datetimepicker 的默认主体颜色？

HTML

<div class="row">
    <div class="input-field col s6">Date of Birth
        <input type="date" class="datepicker ">
    </div>
</div>

JS

$(document).ready(function(){
    $('.datepicker').pickadate({
        selectMonths: true, // Creates a dropdown to control month
        selectYears: 15 // Creates a dropdown of 15 years to control year
    });
});

Answer 1

我注意到有些答案不起作用我搜索了一下，这就是结果。根据此更改您的 CSS 文件。我已经添加了下面的所有文本，您可以随意复制。

希望对你有帮助

.picker__date-display { background-color: #6d4e7a; }
.picker__day.picker__day--today { color: red; }
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background-color: #6d4e7a;}
.picker__close { color: #6d4e7a !important;}
.picker__today { color: #6d4e7a !important;}
.clockpicker-tick:hover { background: #6d4e7a !important; }
.clockpicker-canvas line { stroke: #6d4e7a !important; }
.clockpicker-canvas-bearing { fill: #6d4e7a !important; }
.clockpicker-canvas-bg { fill: #6d4e7a !important; }