影响jQuery datepicker外观的蓝图CSS

Question

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

Answer 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; }