CSS将高度从零增加到焦点的时候从零开始
问题描述：
如果我有一个通过将高度设置为零而“隐藏”的div，是否可以在用户键入字段时给出高度？目前，我可以在其中输入并在字段中输入，如果我使用javascript进行扩展，则可以在高度仍然设置为零时看到键入该字段的内容。CSS将高度从零增加到焦点的时候从零开始
答
对于您可以通过CSS实现它的输入元素，喜欢的东西：
input {
height: 0px;
border: 0;
background: transparent;
transition: all .3s linear;
}
input:focus {
height: 40px;
border: 1px solid lightgray;
background: white;
}<p> Click anywhere in snippet window first, then tab with keyboard</p>
<input type="text">
为什么不......但我怀疑**我们需要看到您的实现**。这*应该相对简单。 –
您是否尝试过对该div的'：focus'伪选择器进行样式设计？即'div.hidden：focus {height：50px; }' – zgood
我敢肯定，你需要设置一个'tabindex'才能够在div上集中'...但是没有看到代码就很难提供建议。 –