noshade 属性在 html5 中已被彻底移除，现代浏览器忽略它，仅按 ua 默认样式渲染；应改用 css 显式设置 height、background-color 等属性替代。

noshade 属性在现代项目中不该再用——它不是“失效”，而是被 HTML5 彻底移除。哪怕浏览器还能渲染，也属于隐性技术债，尤其在严格模式或新构建流程下会直接报错。

为什么 noshade 在某些环境里“突然不工作”

不是代码写错了，是解析逻辑变了：

• Chrome、Firefox 等现代浏览器实际忽略 noshade，只按 UA 默认样式画带阴影的 hr
• 旧版 IE 可能渲染出纯色线，但高度、颜色受 UA 样式干扰严重，不可控
• XHTML Strict 或 HTML5 验证器会直接报错：Attribute noshade not allowed on element hr at this point
• 写成 <hr noshade> 也没用，HTML5 解析器仍视其为非法

用 CSS 替代 noshade 的可靠写法

关键不是“去掉阴影”，而是“明确画一条你想要的线”。hr 的默认边框行为跨浏览器不一致，必须显式重置：

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

• 最简跨浏览器方案：<hr style="height:1px;border:none;background-color:#ccc">
• 兼容极老 Android WebView（如 4.4 内置）：<hr style="height:1px;border:0;color:#ccc;background-color:#ccc">
• 团队协作推荐：<hr class="hr-solid"> + CSS 中定义 .hr-solid { height: 1px; border: none; background-color: #999; margin: 1em 0; }

size、color、align、width 也一样过时

这些属性和 noshade 同批被 HTML5 废弃，替换方式有细节差异：

• size → 改用 height CSS 属性（注意单位，height:2 不合法，必须写 height:2px）
• color → 对 hr 单独设 color 无效，得用 background-color 或 border-color
• align → 改用 margin-left/margin-right，或 Flex 布局控制位置
• width → 改用 width CSS 属性，但需确保 display: block（hr 默认是块级，但宽度常被父容器约束）

真正麻烦的不是写法替换，而是有人从旧模板里复制了带 noshade 的 hr，上线后发现线变粗、偏蓝、甚至消失——那大概率是 CSS 重置没覆盖到，或者用了 border 而不是 background-color。