I am trying to get TEXTAREA to look exactly as INPUT in all browsers and without javascript and to act as DIV element regarding full width (it is not 100% but it fit available width).
This is what I have so far but it doesn’t work completely as I hoped:
TEXTAREA {
cursor: text;
height: 1em;
resize: none;
overflow: hidden;
white-space: pre;
overflow-wrap: normal;
font-family: Arial;
width: fit-content;
display: block;
}
<textarea></textarea>
<p></p>
<input/>
EDIT: INPUT can be change also, it is not a problem. 🙂
11