textarea在表格中仍有边框，是因为其自身受UA样式影响，需同时清除border、outline、box-shadow、-moz-appearance及td边框干扰。
textarea 在表格里为什么还有边框
不是表格本身的问题，而是 textarea 元素自带浏览器默认边框（user agent stylesheet），哪怕它嵌在 <td> 里，这个边框也不会被表格的 <code>border: none 自动继承或覆盖。你看到的“表格内文本域边框”，其实是 textarea 自己的 border + 可能的 outline（聚焦时的蓝框）+ 某些浏览器的 box-shadow（如 Chrome 的聚焦阴影）。
必须同时清除 border、outline 和 box-shadow
只写 border: none 很可能不生效，尤其在 Chrome/Firefox 中。要真正“看不见边框”，得三者都处理：
-
border: none或border: 0：移除边框线本身 -
outline: none：去掉点击/聚焦时的外轮廓（否则点进去立刻又出现） -
box-shadow: none：Chrome/Safari 对textarea聚焦时会加一层浅色阴影，看起来像加粗边框
推荐写成一条规则：textarea { border: none; outline: none; box-shadow: none; }。如果只作用于表格内的 textarea，可用 td textarea 或加类名如 .no-border-textarea。
Firefox 还要加 -moz-appearance: none
Firefox 会给 textarea 应用系统级外观（比如圆角、内阴影），仅靠 border: none 有时仍残留视觉边框感。此时需显式禁用原生样式：
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
立即学习“前端免费学习笔记（深入）”；
- 加上
-moz-appearance: none - 顺手补一句
background: transparent，避免某些主题下背景色强化“边框错觉” - 完整示例：
textarea { border: none; outline: none; box-shadow: none; -moz-appearance: none; background: transparent; }
别漏掉 td 自身的边框干扰
即使 textarea 边框清干净了，如果父级 <td> 有边框（比如用了 Bootstrap 的 <code>.table-bordered），或者 CSS 里写了 td { border: 1px solid #ddd; }，你还是会看到“格子线”。这时候问题不在 textarea，而在表格结构。
- 检查是否对
td、th或整个table设了边框，例如border-collapse: separate下单元格边框独立存在 - 最保险的兜底写法：
table.no-border td, table.no-border th { border: none; }，再配合上面的textarea规则 - 注意：不要依赖
border-collapse: collapse单独解决textarea边框 —— 它只影响表格线交叠，不影响表单控件自身渲染
真正难搞的从来不是单个属性，而是这些样式层层叠加后谁赢了优先级、谁悄悄继承了谁的边框。动手前先用浏览器开发者工具点开元素，看 computed 样式里到底哪些 border、outline、box-shadow 还亮着，比猜更省时间。
