layui-textarea默认边框为实线，需通过css手动覆盖为虚线，推荐添加自定义class并用!important确保生效，同时注意避免overflow截断、高度不足及移动端兼容性问题。
layui-textarea 默认边框是实线，不是虚线
layui 的 textarea 元素默认使用 .layui-textarea 类，其边框由 CSS 的 border: 1px solid #e6e6e6 控制，始终为实线。它不提供 border-style: dashed 这类配置参数，也不存在 dashed: true 这样的 JS 选项。
用内联 style 或自定义 class 覆盖 border 样式
必须通过 CSS 手动重写边框属性，推荐用 class 方式避免污染全局：
- 给
textarea添加自定义 class，比如class="layui-textarea textarea-dashed" - 在页面 CSS 中写：
.textarea-dashed { border: 1px dashed #999 !important; } - 若用内联 style，直接写：
<textarea style="border: 1px dashed #009688;"></textarea> - 注意加
!important：因为 layui 内部样式优先级较高，不加可能被覆盖
配合表格单元格编辑时的虚线边框要注意什么
当在 layui 表格中用 edit 函数返回 textarea（如双击编辑场景），虚线边框容易失效或错位：
- 确保该
textarea没被父容器（如.layui-table-cell）的overflow: hidden截断边框 - 避免设置
height过小导致虚线被裁剪，建议至少min-height: 60px - 不要依赖
resize: none来“稳定”边框——它只禁拖拽，不影响虚线渲染 - 如果用了
layui.form.render()，它不会重置你写的border，但会重置部分尺寸，建议在 render 后再检查样式是否生效
移动端虚线边框显示异常怎么办
某些 Android WebView 或 iOS Safari 下，border-style: dashed 可能渲染为实线或完全不可见：
- 换用
border-style: dotted测试是否可正常显示 - 改用背景图模拟虚线：
border: 1px solid transparent; background-image: linear-gradient(90deg, #999 25%, transparent 25%), linear-gradient(90deg, #999 25%, transparent 25%), linear-gradient(90deg, transparent 75%, #999 75%), linear-gradient(90deg, transparent 75%, #999 75%); background-size: 4px 4px; - 确认未启用
-webkit-appearance: none等重置行为，它可能干扰原生控件边框渲染
border 写对没，得打开开发者工具逐层看 computed styles 和 box model。
