焦点后输入保持扩展

Question

我想要一个文本区域输入，它在获得焦点时扩展并且在失去焦点时保持扩展。是否可以 仅使用 css?

我目前有：

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

Jsfiddle

Answer 1

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

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

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

Answer 2

不，你不能只用css，因为在css中没有办法区分焦点之前和之后的状态。 （焦点是css伪class而且是暂时的）