Win11系统Chrome/Edge浏览器无法显示白色背景HTML页面求助
解决Windows11下Chrome/Edge无法显示白色背景HTML页面的问题
在Windows 11系统中使用Google Chrome或Microsoft Edge浏览器时,背景设为白色的简单HTML页面无法正常显示,背景始终为黑色,但将背景色改为红色等其他颜色时显示正常;Firefox浏览器则能正确显示所有场景。测试代码如下:
<html> <head> <title>Test</title> <style type="text/css"> body { background-color: white; } </style> </head> <body> TEST </body> </html>
可通过以下方法解决:
- 禁用浏览器深色模式适配:Chrome/Edge可能自动适配系统深色模式,强制转换浅色网页为深色。进入浏览器设置,关闭“自动切换深色模式”或“根据系统主题调整网页颜色”相关选项。
- 扩展样式覆盖范围:给html元素也设置白色背景,避免浏览器默认深色背景穿透,同时可指定文本颜色确保可读性:
html, body { background-color: white !important; color: black; } - 关闭系统高对比度模式:打开Windows「设置」→「辅助功能」→「高对比度」,确认该功能处于关闭状态,避免系统样式覆盖网页设置。
- 重置浏览器配置:若为浏览器自定义配置或插件干扰导致,可尝试将Chrome/Edge重置为默认设置,排除异常配置影响。
内容的提问来源于stack exchange,提问作者andynewman
相关产品推荐
相关产品推荐

