Edge与Firefox中旧ASP.NET WebForms网站显示差异问题咨询

为什么Edge和Firefox表现不同？ #

color: background属于无效的CSS属性值，标准CSS里并没有把background作为color属性的合法取值。不同浏览器对无效CSS的处理逻辑存在差异：

• Firefox会直接忽略这条无效样式，文本会回退到继承的颜色（比如你提到的白色），因此能正常显示。
• Edge（基于Chromium内核）在解析该无效值时，会触发特定的 fallback 逻辑，最终导致文本颜色与背景色一致，看起来像是“消失”了。

Edge端的修复方案 #

针对这个问题，有几种直接有效的修复方式：

• 删除无效样式：直接移除代码中color: background这条规则，让文本继承原本的正确颜色。
• 显式指定颜色：将color: background替换为明确的颜色值，比如需要白色文本就写color: white或color: #ffffff。
• 优先级覆盖：如果无法直接修改原样式，可以通过更具体的CSS选择器（比如结合元素ID、父类）覆盖该规则，例如：

  .header-title {
    color: white;
  }
  

  （尽量避免使用!important，优先通过提升选择器优先级来解决）

内容的提问来源于stack exchange，提问作者NathW