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

发布时间：2020-12-16 07:10:35 所属栏目：asp.Net 来源：网络整理

导读：我有一个带有标题的asp表,我也有行,在其中一行上我有一个单元格,其中有一个附加到文本框的n Ajax日历扩展器. 不幸的是,当我打开日历扩展器时,它无法正确显示并且填充物太大了. 我调查了哪些CSS样式正在应用,它似乎是继承表中的填充. 这是表中的css： .accoun

我有一个带有标题的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

有人可以帮忙吗？

解决方法

尝试添加！重要的是你的CSS的结尾

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!