求解，textarea标签内宽度超出两行显示省略号，select标签内文本宽度、input标签内文本超出隐藏显示省略号怎么设置？

解答思路

回答者首先指出这个需求本身在交互上不太合理：textarea 是让用户编辑内容的控件，如果给它设置省略号效果，用户在继续输入时会看不到已经被截断隐藏的部分文字，容易变成盲打，体验很差；更合理的做法是区分编辑态和浏览态——编辑时用原生表单控件，浏览展示时切换成普通的 div 之类的元素来实现省略效果。

详细说明

• 编辑状态：用户需要输入/编辑内容时，应该保留原生的 textarea/input/select，让用户能看到、编辑全部内容，不应该强行截断显示。
• 浏览状态：如果只是展示已填写的内容（不需要编辑），可以换成一个只读的 div（或 span）来渲染这部分文本，这时候才适合用 overflow: hidden 配合多行省略（如 -webkit-line-clamp）等 CSS 方案来做省略号截断，因为这类普通展示型元素没有输入光标看不到内容的问题。
• 原生表单控件的局限：textarea、input、select 这些表单控件本身是浏览器原生渲染的可交互元素，样式可控性有限，很多多行文本省略相关的 CSS 属性（如 -webkit-line-clamp）在这些控件上支持并不完整或效果不可靠。

小结

在可编辑的表单控件（textarea/input/select）上做多行省略号，交互上并不合理，也存在实现上的兼容性限制；更推荐的做法是把编辑和浏览展示拆成两种状态，浏览态用普通元素（如 div）配合多行省略 CSS 方案来实现更好的展示效果。