4

有没有人有任何指示如何解决在使用 jquery ui 的 datepicker 和侧蓝图 css 框架时出现的样式问题？具体来说，带有日期的表格看起来比它所在的容器更大（更宽）。

4

5 回答 5

6

我尝试了其他答案，但他们没有为我做。在解决这个问题几个小时后，我想出了一个适合我的解决方案（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; }
于 2010-10-22T12:07:37.560 回答
1

添加了以下CSS来解决问题：

.ui-datepicker-calendar table{
  margin: 0; }
.ui-datepicker-calendar th , .ui-datepicker-calendar td {
  padding: 0; text-align: center; }
于 2009-01-14T22:04:05.310 回答
0

我发现我必须非常具体地访问元素并删除一些填充。

/* JQUERY-UI + BLUEPRINT CSS CALENDAR FIX */
.ui-datepicker table{
  margin: 0; }
.ui-datepicker-calendar thead tr th , .ui-datepicker tbody tr td {
  background:white; color:#333;  }
.ui-datepicker-calendar thead tr th{
  padding: 5px 0; }
.ui-datepicker-calendar tbody td{
  padding:0 2px 2px 0; }
.ui-datepicker-calendar tbody td a{
  padding:0 1px 0 0; }
.ui-datepicker-calendar {
  font-size:0.8em; }
于 2011-08-09T09:38:03.527 回答
0

谢谢您的帮助。

我发现在它看起来更接近默认样式之前，我必须进行更多更改：

/*JQUERY-UI + BLUEPRINT CSS CALENDAR FIX*/
.ui-datepicker-calendar table{
  margin: 0; }
.ui-datepicker-calendar th , .ui-datepicker-calendar td {
  padding: 0; text-align: center; background:white; color:#333;  }
.ui-datepicker-calendar th{
  padding: 5px 0; }
.ui-datepicker-calendar td{
  padding:0 2px 2px 0; }
.ui-datepicker-calendar td a{
  padding:0 1px 0 0; }
.ui-datepicker {
  font-size:0.8em; }
于 2009-05-09T15:29:08.840 回答
0

oneBelizean 是在正确的轨道上，但它对我不起作用，直到我用 table 限定了 th 和 td 选择器：

.ui-datepicker-calendar table{
  margin: 0; }
.ui-datepicker-calendar table th , .ui-datepicker-calendar table td {
  padding: 0; text-align: center; }

完成此操作后，我不再需要 Simon 添加的任何额外内容。

于 2009-10-29T19:09:52.643 回答