javascript - Datetimepicker jQuery 自定义 CSS

Question

我有一个日期时间选择器 here .

出于某种原因，我需要包含这些 CSS 和 JS 文件:

<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl;?>/bootstrap/js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl;?>/bootstrap/js/datetimepicker/moment-with-locales.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl;?>/bootstrap/js/datetimepicker/bootstrap-datetimepicker.js"></script>`<link rel="stylesheet" href="<?php echo Yii::app()->request->baseUrl;?>/bootstrap/tablesorter/docs/css/bootstrap.min.css">
<link rel="stylesheet" href="<?php echo Yii::app()->request->baseUrl;?>/bootstrap/tablesorter/docs/css/bootstrap.min.css">
<link rel="stylesheet" href="<?php echo Yii::app()->request->baseUrl;?>/bootstrap/js/datetimepicker/bootstrap-datetimepicker.css">
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl;?>/bootstrap/js/bootstrap.min.js"></script>

我的代码是:

<div class='input-group date' id='datetimepicker1'>
    <input type='text' class="form-control" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>
<script type="text/javascript">
    $(function () {
        $('#datetimepicker1').datetimepicker({
            // format: 'dd-mm-Y hh:mm',
            locale: 'id',
            icons: {
                time: "fa fa-clock-o",
                date: "fa fa-calendar",
                up: "glyphicon glyphicon-chevron-up",
                down: "fa fa-arrow-down"
            },
        });
    });
</script>

我真正的问题是:

标题太粗，第二张图片没有任何时间箭头图片。

我想为此赋予它新的样式，有人可以帮忙吗？

Answer 1

好的，这就解决了我的问题，

如果有人想更改标题，这是代码..

table > thead > tr > th {
    border-bottom: 0;
    background: white;
    vertical-align: bottom;
    color: black;
}

如果想更改箭头的按钮布局，请使用它:

.btn {
    color: black;
}

谢谢大家的帮助，，

特别是@arun，非常感谢。