bgcolor是唯一用于设置标签滚动区域背景色的属性，因其为html4遗留标签，绕过css盒模型，现代浏览器仅识别原生bgcolor属性，忽略background-color等css样式。
bgcolor 是唯一用于设置 <marquee></marquee> 标签滚动区域背景色的属性，直接写在开始标签内即可生效。
为什么只能用 bgcolor，不能用 CSS 的 background-color
<marquee></marquee> 是 HTML4 时代遗留的非标准标签，其渲染逻辑绕过常规 CSS 盒模型。现代浏览器虽仍支持它，但只识别原生属性，对 style="background-color: #fff" 完全忽略。实测中即使加上 !important 或尝试 background 简写也无效。
常见错误现象：
— 写了 style="background-color: red" 却没颜色
— 用 class 绑定 CSS 规则，结果背景仍是透明或继承父级
bgcolor 支持哪些值格式
该属性接受三种写法，全部有效：
-
bgcolor="red"（预定义颜色名，如black、blue、lightgray） -
bgcolor="#ff0000"（6位十六进制，不支持简写如#f00） -
bgcolor="rgb(255,0,0)"（注意：部分旧版 IE 不支持rgb()，但 Chrome/Firefox/Edge 均可）
不支持：rgba()（透明度会被丢弃）、HSL、CSS 变量、currentcolor。
和 width/height 配合时的显示边界问题
bgcolor 填充的是整个滚动容器区域，但默认情况下 <marquee></marquee> 会自动撑开高度——哪怕内容只有一行文字，也会显示为约 20px 高。这时容易误以为背景“没铺满”。
解决方法是显式设高宽：
- 加
height="40"和width="300"明确尺寸 - 避免仅靠内容撑开，否则不同浏览器渲染高度不一致（Chrome 约 19px，Firefox 约 22px）
- 若需贴合文字行高，可搭配
style="line-height: 1.2"控制内部文字，但背景仍由bgcolor+height共同决定
移动端与无障碍兼容性提醒
虽然 bgcolor 能让背景显示出来，但要注意：
- iOS Safari 自 iOS 15 起已完全禁用
<marquee></marquee>动画（包括滚动和背景），只静态渲染内容 —— 此时bgcolor仍生效，但没了滚动效果 - 屏幕阅读器通常跳过
<marquee></marquee>，且无 ARIA 替代方案，不适合关键信息展示 - 如果必须用，建议 fallback 方案：用
@keyframes+overflow: hidden模拟滚动，并用真实 CSS 控制背景
真正难处理的不是怎么设背景色，而是当用户缩放页面或开启系统深色模式时，bgcolor 值不会自动适配 —— 它始终是硬编码的固定色值。
