直接设 fieldset { border: none; } 会破坏 legend 的隐式定位锚点，导致其错位或消失；必须单独重置 legend 样式，如 position: static; width: fit-content; margin: 0 auto;。
直接设 fieldset { border: none; } 就能去掉边框，但这么做后 legend 很可能错位或消失——不是 CSS 没生效，而是浏览器对 legend 有隐式定位逻辑。
fieldset 边框清零后 legend 位置乱了
浏览器默认把 legend 当作 fieldset 的“嵌入标题”，会自动把它塞进上边框里。一旦你用 border: none; 把边框干掉，这个嵌入锚点就没了，legend 可能塌到左上角、文字被裁切，甚至在某些旧版 Safari 中完全不可见。
- 必须单独重置
legend：加legend { position: static; width: fit-content; margin: 0 auto; padding: 0; } - 如果想让它左对齐（更符合常规标题习惯），别只靠
margin-left，得加float: left;或改用display: table-caption; - IE11 及更早版本不支持
fit-content，得 fallback 成max-content或固定width
Ext JS 的 x-fieldset 怎么去边框
Ext JS 的 FieldSet 默认 class 是 x-fieldset，它自带 border: 1px solid #B5B8C8; 和内边距。直接覆盖样式就行，但要注意优先级和组件渲染时机。
- 在全局 CSS 里写
.x-fieldset { border: 0; padding: 0; margin-bottom: 0.75em; } - 如果用了
baseCls自定义类名，确保新 class 的样式表加载顺序在 Ext 原生样式之后 - 不要只清
border，顺手把outline和box-shadow也设为none，避免某些主题下残留视觉干扰
Material UI TextField 套在 fieldset 里边框重复
Material UI 的 TextField 在 variant="outlined" 下自己画了一圈 notchedOutline，再套一层 fieldset 就会出现双层边框。这不是 bug，是叠加渲染结果。
- 要么去掉外层
fieldset，用FormGroup+FormLabel替代语义分组 - 要么保留
fieldset，但给它加border: 0;，同时通过InputProps.notchedOutline控制内部边框，例如：{ notchedOutline: { border: "1px solid #ccc" } } - 注意：MUI v5+ 已废弃
disableUnderline对 outlined 的影响，别白加
最易忽略的点是 legend 的 position 行为——它不是普通块元素，浏览器不会因为你清了 border 就自动切换成常规流式布局。不显式设 position: static 或重写 display，它随时可能在某个更新后的 Chrome 版本里突然偏移。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
