html - Div 在点击焦点上保持可见

Question

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

我正在尝试像 facebook 上的那样从网站上滑出框，但采用 100% 的 css 和 html。我可以通过悬停来实现，但我正在寻找的方式是点击，如果你点击框外，它会再次滑回

谢谢

Answer 1

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

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