【问题标题】:ASP.NET - Ajax Calendar Extender CSS Inheriting From TableASP.NET - Ajax 日历扩展器 CSS 从表继承
【发布时间】:2012-06-29 22:31:08
【问题描述】:

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

谁能帮忙?

【问题讨论】:

    标签: asp.net css ajax vb.net


    【解决方案1】:

    尝试将 !important 添加到 CSS 的末尾

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-02-18
      • 2011-02-26
      • 1970-01-01
      • 2017-10-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多