css - 焦点后输入保持扩展

标签 css input

我想要一个 textarea 输入,它在获得焦点时延伸 AND 在失去焦点时保持延伸。是否可以仅使用 css 这样做?

我目前有:

.expend-input:focus {
    height:200px;
    width:100%;
}

Jsfiddle

最佳答案

这是不可能的,因为你正在改变状态。这与功能有关。

CSS 仅用于描述您的 HTML 文档。

你必须在这里使用一点 JS 来完成你想要的。

关于css - 焦点后输入保持扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29476399/

相关文章:

html - 背景图像崩溃 ASP 页面中的刻度线

html - 尝试在另一个 div 顶部覆盖带有背景图像的圆形 div 时出现滚动条

javascript - AngularJS 输入类型 = 监视变化的数字的指令

javascript:动态更改名称属性

html - 没有 <form> 的 &lt;input&gt; 格式是否正确?

css - 仅使用 CSS 的 Bootstrap Dropdown Hoverable 下拉菜单

css - 为什么我的图像重叠?

javascript - 无法关闭 div 内的下拉菜单

c++ - 将文件中的值添加到双指针

angularjs - 组件内部的 Angular2 表单验证