我正在开发一个有文本区域的小项目,我需要帮助来使文本区域在鼠标单击时展开,就像 Twitter 和 Facebook 那样。文本区域首先应该看起来像一个文本字段,然后单击时应该展开。
这可以在不使用 JavaScript/jQuery 的情况下使用 CSS 来完成过渡 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transitions.
textarea {
height: 1em;
width: 50%;
padding: 3px;
transition: all 0.5s ease;
}
textarea:focus {
height: 4em;
}
<textarea rows="1" cols="10"></textarea>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)