放大textarea onClick

Question

任何人都可以让我如何使用OnClick函数放大textarea或如何增加onClick上的行？

关于巴尔卡尔

Answer 1

如果可以设置像素或列大小(而不是使用rows和cols属性),则可以使用:focusCSS伪类:

HTML:

<textarea id="myarea"></textarea>

CSS:

textarea#myarea { width: 100px; height: 20px; }
textarea#myarea:focus { width: 500px; height: 200px; }

取决于布局,有时候给予聚焦的文本区域是有吸引力的,position: absolute因此它在其放大状态下漂浮在其他元素之上.