藍圖CSS影響美觀

Question

有沒有人有任何指針如何修復造型問題？尤其是隨着日期的表出現大於它坐落在

Answer 1

添加以下CSS容器（寬）來解決這個問題：

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

Answer 2

感謝您的幫助。

我發現我不得不做出一對夫婦更改變之前它看起來更接近默認樣式：

/*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; } 

Answer 3

oneBelizean是在正確的軌道上，但直到我合格次它不會對我的工作和td選擇器與表：

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

這樣做後，我不需要任何額外的東西西蒙補充說。

Answer 4

我試過其他的答案，但他們並沒有爲我做的。玩弄這個問題了幾個小時後，我來到了，對我工作的解決方案（藍圖1.0，jQuery UI的1.8.5，在Chrome和IE爽滑，微軟和黑暗的蜂巢主題測試）：

/* 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; } 

Answer 5

我發現我有非常具體訪問內容，並刪除一些填充。

/* 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; }