Solve, the width in the textarea tag exceeds two lines of display ellipsis, how to set the width of the text in the select tag and the text in the input tag beyond the hidden display ellipsis?

problem description

solve, the width in the textarea tag exceeds two lines of hidden display ellipsis, how can the width of option text in the select tag exceed the hidden display ellipsis? And how to set the ellipsis when the text in these form tags exceeds the hidden display ellipsis in input?
style textarea tags:

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

and styling select and option tags:

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

has no effect. I would like to ask all of you to help me with the answer.

the environmental background of the problems and what methods you have tried

clipboard.png

clipboard.png

Jun.05,2021

Why the demand is so abnormal.
textarea plus ellipsis? The user wrote that he would hit it blindly after it was written. To be reasonable, one editing status, one browsing status, and browsing status use div and so on.


isn't it good for js to limit the number of words and add ellipses? In addition, form elements do not need to be omitted

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e53c9a-45256.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e53c9a-45256.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?