javascript - 更改日期时间选择器下拉小部件内的字形图标颜色

Question

我正在使用这个 gem获取 Bootstrap 日期时间选择器。并使用以下 HTML 代码将其合并:

<div  id="custom-dates" style=" clear:both;">
<div class="container">
<div class="row">
<div class='col-md-3 col-xs-3'>
    <div class="form-group">
            <b>From:</b>
         <div class='input-group date' id='datetimepicker6'>
            <input type='text' class="form-control" style="margin: 0px !important;" />
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
    </div>
</div>
<div class='col-md-3 col-xs-3'>
    <div class="form-group">
        <b>To:</b>
        <div class='input-group date' id='datetimepicker7'>
            <input type='text' class="form-control"  style="margin: 0px !important;"/>
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar" style="top:0;">
                </span>
            </span>
        </div>
    </div>
</div>

与此相同:https://eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers .下拉列表工作正常。但是，用于递增/递减分钟和小时的向上和向下箭头不会出现。这是因为颜色与背景相匹配。当我将鼠标悬停在它上面时，它周围的区域变成灰色，因此箭头保持白色但变得可见。上面链接中的相同图标显示正常。我该如何解决？

当下拉菜单消失时，我无法悬停然后截取屏幕截图。我什至无法检查元素，因为单击它会隐藏小部件。也欢迎任何检查元素的建议。

Answer 1

将颜色更改为#ff9900:

.glyphicon {color: #ff9900 !important;}

---

添加自定义类喜欢对某些类进行修改

.myclass .glyphicon {color: #ff9900 !important;}