Question

我有一个带有标题的asp表，我也有行，在其中一行上我有一个单元格，其中有一个附加到文本框的n Ajax日历扩展器。

不幸的是，当我打开日历扩展器时，它无法正确显示并且填充物太大了。

我调查了哪些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

有人可以帮忙吗？

Answer 1

尝试将!important添加到您的css

的末尾

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

!important是css的覆盖开关。 Smashing Magazine有一篇关于它的文章here

ASP.NET - Ajax Calendar Extender CSS继承自表

1 个答案: