如何阻止三星互联网浏览器深色模式破坏网站CSS样式

以下是几种有效解决三星互联网浏览器深色模式强制修改网站样式的方法：

• 添加meta标签声明颜色方案
  在HTML的<head>中插入下面的meta标签，直接告诉浏览器网站仅支持浅色模式，禁止自动应用深色模式样式重写：

  <meta name="color-scheme" content="only light">
  

• 使用CSS的color-scheme属性
  在CSS的根元素中设置color-scheme属性，同样可以强制浏览器尊重网站的原始配色：

  :root {
    color-scheme: only light;
  }
  

  这个方法和meta标签效果类似，适合更倾向于用CSS控制样式规则的场景。

• 强制指定关键元素的样式
  如果上面的方法无效，可以直接为网站的核心元素（如body、logo、页眉、页脚）明确指定颜色、背景色等关键样式，防止浏览器自动替换：

  /* 重置全局基础样式 */
  body {
    background-color: #你的原始背景色 !important;
    color: #你的原始文本色 !important;
  }
  
  /* 针对logo、页眉、页脚强制指定样式 */
  .site-logo, .header, .footer {
    background-color: inherit !important;
    color: inherit !important;
    background-image: url("你的原始logo路径") !important;
    /* 根据实际需求添加其他被修改的样式属性 */
  }
  

  注意：尽量优先使用前两种方法，!important仅作为兜底方案，避免过度使用导致后续样式维护困难。

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