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

Question

问题描述

求解，textarea标签内宽度超出两行隐藏显示省略号，select标签内option文本宽度超出隐藏显示省略号怎么实现？以及input这些表单标签内文本超出隐藏显示省略号怎么设置？
给textarea标签设置样式：

            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
           -webkit-box-orient: vertical;
           -webkit-line-clamp: 2;

以及给select标签及option标签设置样式：

              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;

都没有效果，求各位大神帮忙解答下。

问题出现的环境背景及自己尝试过哪些方法

Answer 1

咋需求这么变态。。。
textarea加省略号????那用户写着写着后面就盲打？合理一点的，一个编辑状态，一个浏览状态，浏览状态用div什么的。

Answer 2

js计算字数再限制并加省略号不好吗？另外，表单元素用不着加省略号吧