Div在点击焦点上保持可见

Question

我尝试了很多，但不知道怎么做。

我试图从网站上滑出像Facebook上的那个但是在100％css和html中。我可以使用悬停，但我正在寻找的方式是点击，如果你点击外面的框，它会再次滑回

谢谢

Answer 1

单击文本框会将焦点设置在那里，因此它不会位于旁边的span上。更改您的CSS，以便在焦点也可以看到文本框。

span:focus ~ .to-be-changed, .to-be-changed:focus {
    ...
}