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

Question

我有一个带有标题的asp表,我也有行,在其中一行上我有一个单元格,附加到文本框的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 在这里有一篇关于它的文章