当前位置:  开发笔记 > 前端 > 正文

影响jQuery datepicker外观的蓝图CSS

如何解决《影响jQuerydatepicker外观的蓝图CSS》经验,为你挑选了1个好方法。

有没有人有任何指针如何解决在旁边的蓝图css框架中使用jquery ui的datepicker时出现的样式问题?具体而言,具有日期的表格看起来比它所在的容器更大(更宽).



1> 小智..:

我尝试了其他答案,但他们没有为我做.在解决了几个小时的问题之后,我想出了一个适合我的解决方案(Blueprint 1.0,Jquery UI 1.8.5,在Chrome和IE中使用Smoothness,Redmond和Dark Hive主题进行测试):

/* remove blue backgrounds - separate for TH to work in IE */
.ui-datepicker-calendar tbody tr:nth-child(even) td,  
.ui-datepicker-calendar tbody tr.even td {
  background-color:inherit;
 }
.ui-datepicker-calendar thead th {
  background-color:inherit;
 }
/* set correct line height */
.ui-datepicker-calendar tbody tr td {  
  line-height: 1.1;
}
/* (optional)  make same size as example */
.ui-datepicker { font-size: 0.9em; }

推荐阅读
kikokikolove
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有