textarea 的虚线外框是 outline 而非 border，需设 outline: none 才能移除；同时应处理 resize、box-sizing、border-collapse 等关联样式以确保视觉一致。
textarea 元素的虚线外框是 outline，不是 border
HTML 表格里放 textarea 时，点击后出现的虚线（通常是蓝色或紫色）不是边框，而是浏览器默认的焦点轮廓 outline。它和 border 无关，所以只设 border: none 完全没用。
常见错误现象：表格边框已隐藏，但 textarea 一聚焦就弹出难看的虚线；加了 border: 0 或 border: none 后依然存在。
- 必须显式设置
outline: none才能移除该虚线 - 若需保留可访问性（比如键盘 Tab 导航时仍需视觉提示），建议改用
outline: 2px solid #007bff等更友好的样式替代 - 部分旧版 Safari 需额外加
-webkit-focus-ring-color: transparent
在表格中统一控制 textarea 样式要连带重置 resize 和 box-sizing
表格单元格（td）内嵌 textarea 时，除了虚线外框，还常遇到拉伸手柄、高度塌陷、文字贴边等问题。这些不是“虚线”本身，但会干扰整体视觉一致性。
-
resize: none关掉右下角拖拽手柄，避免用户意外拉伸破坏表格布局 -
box-sizing: border-box确保设定的width/height包含 padding，否则内容撑开后可能溢出td - 给
textarea设width: 100%时，注意td是否有 padding —— 建议同时设padding: 0或用calc(100% - 12px)补偿
table + textarea 组合下，border-collapse 可能导致 outline 错位
如果表格用了 border-collapse: collapse，而你又对 textarea 设置了 outline: none，有时虚线看似消失，但聚焦后会出现偏移的浅色矩形块。这是 outline 在 collapsed 表格中计算边界异常导致的。
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
下载
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
- 优先检查是否真有必要用
border-collapse—— 大多数纯内容表格不需要它 - 若必须使用，建议把
textarea包一层div，并给该div加outline-offset: -2px微调位置 - 更稳妥的做法：放弃
border-collapse，改用border-spacing: 0+ 单独清除td边框
移动端 Safari 的 focus outline 行为更顽固
iOS Safari 对表单控件的 focus 状态处理特殊：即使写了 outline: none，首次点击仍可能闪现虚线；配合表格使用时，还容易触发缩放或滚动异常。
- 必须加上
user-scalable=no的 viewport meta（虽不推荐全局禁缩放，但对管理后台类表格可接受） - 加
onfocus="this.style.outline='none'"内联 JS 是兜底方案，但仅限无法改 CSS 的遗留系统 - 真正健壮的写法是组合：
outline: none; outline-offset: -2px; -webkit-appearance: none;
实际中最容易被忽略的，是以为“去掉边框就万事大吉”，结果 outline、resize、box-sizing、border-collapse 四者混在一起，一个没清干净，虚线就换着花样回来。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
