如何导航到隐藏的锚点？

Question

我的网页上有一个隐藏元素，标识为select-box：

<select style="display:none;" id="select-box">

页面顶部有一个<label>：

<label for="select-box">Select box</label>

由于隐藏了<select>，因此点击<label>无效。有没有办法实现这一点，最好不使用任何JavaScript？

Answer 1

忽略您在发布的内容中缺少指向锚点的链接的事实，您看起来像“display：none”锚点不起作用（请参阅：http://jsfiddle.net/odwneeL7/）。但是你可以轻松地制作一个没有你要链接的内容的锚点，例如：

<label for="select-box"><a href="#select-box-anchor">Select box</a></label><br/>

...content...

    <a id="select-box-anchor"></a><select style="display:none;" id="select-box">

请参阅小提琴：http://jsfiddle.net/odwneeL7/1/

Answer 2

css功能显示：无;从文档中删除元素。

尝试：

style="visibility:hidden; width:0px"

visibility：hidden将元素保留在dom中并占用空间，因此我给出了0px的宽度以确保不会留下空白。