2012-06-28 40 views
5

我有一個帶有標題的asp表格,我也有行,並且在其中一行上有一個單元格,並帶有一個附加到文本框的n Ajax日曆擴展程序。ASP.NET - Ajax日曆擴展器CSS繼承自表

不幸的是,當我打開日曆擴展器時,它無法正確顯示,並且襯墊太大。

我調查了哪些CSS樣式正在應用,它似乎從表中繼承了填充。

這裏是從表中的CSS:

.accountorderstbl {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:center;border-collapse:collapse;} 
.accountorderstbl th{width:20%;font-size:13px;font-weight:normal;border-bottom:1px solid #fff;color:#039;padding:8px;background:url("Images/pattern-head.png");} 

.accountorderstbl tfoot td{width:20%;font-size:13px;font-weight:normal;border-bottom:1px solid #fff;color:#039;padding:4px;background:url("Images/pattern-head.png");} 

.accountorderstbl tr.unselected td{width:20%;border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;padding:8px;background:url("Images/pattern_blue.png");} 
.accountorderstbl tr.selected td{width:20%;border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;padding:8px;background:#E3E3F1;} 

.accountorderstbl tbody tr.unselected:hover td{color:#339;background:#fff;} 
.accountorderstbl tbody tr.selected:hover td{} 

.accountorderstbl a{ text-decoration: none;color:#669;font-weight:bold;} 

我想加入這一行的CSS會修

.ajax__calendar_container td { padding:0; margin:0;} 

,但是當我檢查CSS被應用,我可以看到這一個也越來越覆蓋.accountorderstbl tr.unselected td其填充設置爲8px

任何人都可以幫忙嗎?

回答

7

嘗試加入!important到你的CSS

.ajax__calendar_container td { padding:0 !important; margin:0 !important; } 

!important的到底是對CSS的倍率開關。 Smashing Magazine有一篇關於它的文章here

+0

輝煌的謝謝:) –

+0

如果這對你有效,請不要忘記接受它 – Eonasdan