textarea背景透明需单独设置background-color: transparent，因其为替换元素，不继承td的rgba背景；避免使用opacity以免文字和光标变灰，同时注意box-sizing和尺寸适配确保视觉一致。
textarea 是表单控件，不是表格原生单元格元素——它常被放进 td 里，但背景透明需单独处理，不能靠表格层级的 rgba() 或 transparent 一并生效。
直接给 textarea 设 background-color: transparent
这是最直接、兼容性最好的做法。只要父级 td 本身背景也透明，就能真正“透到底”。
-
textarea默认有系统级背景色（比如 Chrome 给白色），不显式覆盖就会遮挡底层 - 写
textarea { background-color: transparent; }即可清空其背景，文字和边框仍保留 - 别用
background: none或background: initial，它们在某些浏览器中行为不一致 - 若同时要移除边框干扰，加
border: none或border-color: transparent
为什么给 td 设 rgba() 不影响 textarea 背景
textarea 是替换元素（replaced element），它的背景层独立于父 td 的 background-color。即使 td 是 rgba(255,255,255,0.1)，textarea 仍会用自己的白色背景盖上去。
- 父容器的半透明背景不会“渗透”进
textarea的渲染框内 - 想让它看起来协调？必须单独控制：
textarea的background-color+border+color - 如果要模拟“嵌入感”，可让
textarea和td用相同rgba()值，但这是视觉对齐，非继承
opacity 会连带文字变灰，千万别用
给 textarea 加 opacity: 0.8 看似简单，但后果严重：输入文字、光标、placeholder 全部变淡，可读性直线下滑，且无法通过子选择器拉回。
-
opacity作用于整个渲染树节点，包括文本内容和 caret（光标） - 移动端软键盘弹出时，
opacity还可能触发额外合成层，造成卡顿 - 若真需要弱化整个输入区域，应包裹一层
div，对该容器设opacity，而textarea保持opacity: 1
注意 textarea 的默认尺寸与父 td 溢出问题
透明背景只有在 textarea 实际占据的区域内才可见；如果它没填满 td，周围空白仍是 td 的背景色——这容易误判为“透明失效”。
- 加
width: 100%; height: 100%并配合box-sizing: border-box确保贴合 - 若
td有padding，textarea的100%宽度会超出（因默认box-sizing: content-box），必须显式设box-sizing: border-box - 避免用
display: block后忘记清除margin（部分浏览器会给textarea默认外边距）
真正难点不在“怎么写透明”，而在确认每一层是否都放行：父 td 背景、textarea 自身背景、边框颜色、以及有没有意外的 z-index 或层叠上下文把它盖住了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
