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="noshade">也没用，HTML5 解析器仍视其为非法
用 CSS 替代 noshade 的可靠写法
关键不是“去掉阴影”，而是“明确画一条你想要的线”。hr 的默认边框行为跨浏览器不一致，必须显式重置：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 最简跨浏览器方案：
<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→ 改用heightCSS 属性（注意单位，height:2不合法，必须写height:2px） -
color→ 对hr单独设color无效，得用background-color或border-color -
align→ 改用margin-left/margin-right，或 Flex 布局控制位置 -
width→ 改用widthCSS 属性，但需确保display: block（hr默认是块级，但宽度常被父容器约束）
真正麻烦的不是写法替换，而是有人从旧模板里复制了带 noshade 的 hr，上线后发现线变粗、偏蓝、甚至消失——那大概率是 CSS 重置没覆盖到，或者用了 border 而不是 background-color。
