Datetimepicker:自定义css

时间:2017-09-22 06:27:32

标签: javascript datetimepicker bootstrap-datetimepicker eonasdan-datetimepicker

为了选择日期和时间,我使用datetimepicker(bootstrap-datetime-picker)。 小部件允许显示日期和时间" side-by-side"。 一切都很好,采摘也没问题。 但是,小部件的时间部分使用箭头来增加/减少小时和分钟。这些箭头按钮是隐藏的,只有当您将鼠标悬停在箭头按钮所在的区域上时才会显示。 我试图在CSS中搜索" hover"设置,所以我可以改变它的行为。我希望它一直显示,不仅仅是悬停在上面。

任何想法在哪里以及如何更改这些设置?

2 个答案:

答案 0 :(得分:0)

你可以尝试:

  

.timepicker .glyphicon-chevron- up {background-color:#eee; }

答案 1 :(得分:0)

如果您的意思是that DateTimePicker, 在控制台类型中检查页面代码

var picker = $('.bootstrap-datetimepicker-widget');
$(picker).appendTo('body')

浏览页面底部的日期时间选择器元素代码