小编Bet*_*der的帖子

我正在我的 css 中集中注意力，因为我正在考虑用这个做一个下拉列表。但是，我遇到了“不聚焦”的问题：目前，如果您在 div.inside 外部单击，这将是我想要的焦点。但是，当您再次单击 li.collapse 时，我也想让它失去焦点，这样 li.collapse 就像一个开/关按钮。

我没有运气就试过这个：

div.inside:active + li.collapse:focus { display: none;}

有没有人知道解决这个问题的另一种方法，或者甚至可能没有 JavaScript？

这是代码和小提琴：

html：

<li class=collapse tabindex="1"><a>&nbsp;Click To See List&nbsp;</a> <div class="inside">
List 1....</div></li>

css：

li.collapse > a{background: #cdf; cursor: pointer; display: block;}
li.collapse:focus{ outline: none;}
li.collapse > div.inside{ display: none;}
li.collapse:focus div.inside{display: block; }
div.inside:focus{ display: none;}
div.inside{background: #cdf; }
div.inside:active + li.collapse:focus { display: none;}

https://jsfiddle.net/q2e1vnny/

有点奇怪的问题,有点难以解释,所以会尽我所能.

我想知道是否有可能采取以下措施:

<label for="page_name">page name</label><br>

<input  type="text" name="page_name" maxlength="50" size="30">

并且不显示; 在CSS中,这样填写表单的任何人都看不到这个字段,所以它留空.好吧不空白我想有一个预设值,这样当填写表格时,我得到他们输入的所有细节,我得到我的预设字段"page_name",其中包含我输入的文字,以便我可以举例如"page 5"以便我可以看到表格填写的页面.

是否可以在HTML中执行此操作？我过去做过每个页面都有自己的形式,这次我觉得必须有一个更简单的解决方案吗？

提前致谢!