码上敲享录 > CSS简单实例分享 > 解决jquery datepicker时间插件月份图标不显示的问题

解决jquery datepicker时间插件月份图标不显示的问题

上一章章节目录下一章 2019-05-01已有4485人阅读 评论(0)

这是原本的jquery-ui.css

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {

  display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;

}

上面的样式时间插件的月份没有显示出来


解决方法:

将上面的css替换成下面的css,就可以显示出选择月份的小三角形,解决思路是将span标签用css修饰为小三角形。

.ui-datepicker .ui-datepicker-prev span {

display: block;position:absolute;left: 50%;margin-left: -8px; top: 50%; margin-top: -8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid white;

}

.ui-datepicker .ui-datepicker-next span {

display: block;position:absolute;left: 50%;margin-left: -8px; top: 50%; margin-top: -8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid white;

}



2

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交