html – 如何更改materialize datetimepicker的默认正文颜色?

前端之家收集整理的这篇文章主要介绍了html – 如何更改materialize datetimepicker的默认正文颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
你可以在这里找到完整的代码 http://codepen.io/anon/pen/BjqxOq

我正在使用Materialize CSS显示登录表单,您可以在上面的Codepen中看到.它有两个按钮登录注册.单击“注册”时,将显示一个包含必要注册字段的模式,其中一个是物化日期时间选择器.

是否有可能更改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
    });
});

解决方法

materializecss datepicker有一个div,名为“picker__Box”.
如果为此类设置背景颜色,则日期选择器将采用此颜色,如下面的代码集中所示.

http://codepen.io/anon/pen/OMBoMz

.picker__Box{
    background-color: #CCC;
}

编辑

要更改上半身颜色,还必须为另外两个类设置背景颜色:

.picker__date-display,.picker__weekday-display{
    background-color: #CCC;
}

我希望这有帮助!

猜你在找的HTML相关文章