调整HTML输入元素上的拖动器的大小，就像在textarea元素上一样

Question

Is it possible to have a resize dragger on input elements just like there is on textarea elements by default (by resize dragger I mean the little area on the bottom right corner where you can click and hold in order to resize the textarea box)?

I tried to add 'resize:both;' to the styles of the input element, with no success (see fiddle here ):

<input type="text" />

With the CSS:

input {resize: both;}

I would be looking for an script-less solution, only relying on HTML and / or CSS, ideally crossbrowser.

Answer 1

resize: both; should work as long as overflow is not set to visible (and the browser supports it!).

For reference: https://developer.mozilla.org/en-US/docs/Web/CSS/resize