6

我有一个带有标题的 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 时,我可以看到这个 css 也被 .accountorderstbl tr.unselected td覆盖,它的填充设置为 8px

任何人都可以帮忙吗?

4

1 回答 1

8

尝试添加!important到 CSS 的末尾

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

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

于 2012-06-28T12:02:11.447 回答