javascript - Change glyphicon icon color inside a datetimepicker dropdown widget -


i'm using gem bootsrap datetimepicker. , used following html code incorporate it:

<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> 

same this: https://eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers . dropdown works fine. however, , down arrow increment/decrement minute , hour not appear. because color matching background. when hover on it, area around turns grey arrow remains white becomes visible. same icon in above link appears fine. how fix this?

can't hover , take screenshot dropdown goes away. cannot inspect element clicking on hides widget. suggestions inspect element welcome too.

change color #ff9900:

.glyphicon {color: #ff9900 !important;} 

add custom class make changes classes

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

Comments

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -