如何在Bootstrap的日期选择器中设置所选日期的颜色？

Question

我有一个简单的Bootstrap的datepicker。似乎无法更改所选日期的颜色。它总是黑色的。我想将其更改为其他颜色。我还回答了this问题，尝试了一切，没有运气。我排除了CDN链接等。

这是我的文档的样子：

<main class="container">
    <div class="row" style="padding-top: 100px">
        <div class="col">
            <input data-date-format="dd/mm/yyyy" id="datepicker">
        </div>
    </div>
</main>

   <style type="text/css">
    .datepicker {
        font-size: 0.875em;

    }

    /* solution 2: the original datepicker use 20px so replace with the following:*/

    .datepicker td,
    .datepicker th {
        width: 1.5em;
        height: 1.5em;

    }

    /* .datepicker table tr td.active,
    .datepicker table tr td.active:hover {
        background: rgb(44, 16, 15);
        text-shadow: none;
    } */
    .button-variant {
        color: red;
    }

    .highlighted {

        /* .button-variant(#000, @highlighted-bg, darken(@highlighted-bg, 20%)); */


        border-radius: 0;
    }
</style>
<script type="text/javascript">
    $('#datepicker').datepicker({
        weekStart: 1,
        daysOfWeekHighlighted: "6,0",
        autoclose: true,
        todayHighlight: true,
    });
    $('#datepicker').datepicker("setDate", new Date());
    $('.datepicker').on(
        'dp.show',
        function (e) {
            $(".bootstrap-datetimepicker-widget").css(
                "background-color", "#3c3e43");
        });
</script>