您可以在这里找到完整的代码http://codepen.io/anon/pen/BjqxOq http://codepen.io/anon/pen/BjqxOq
我正在使用 Materialise CSS 显示一个登录表单,您可以在上面的 Codepen 中看到它。它有两个按钮Login and Register。单击“注册”时,会显示一个模式,其中包含必要的注册字段,其中之一被具体化日期时间选择器.
是否可以更改日期时间选择器的默认主体颜色?
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
});
});
我注意到有些答案不起作用
我搜索了一下,这就是结果。
根据此更改您的 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; }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)