html - 专注于搜索不起作用

Question

我想编写当用户点击搜索图标时显示搜索输入字段的代码。我写了它，但它不起作用。我试过 :active 和 :hover 什么都没有。我认为问题出在类里面 >

#_hsync_pretraga_polje {
    padding-top: 8px;
    display: none;
}

._hsync_pretrtaga:focus > #_hsync_pretraga_polje {
    display: block;
}

<li>
    <a class="_hsync_pretrtaga"><span class="glyphicon glyphicon-search"></span></a>
    <a id="_hsync_pretraga_polje"><input type="text" class="form-control _hsync_reg_input" style="margin: 0;" id="_hsync_pretraga" placeholder="Pretraga korisnika"></a>
</li>

编辑

我做了这个但什么也没有。 <a>在<li> . CSS代码相同

<a>
    <span class="glyphicon glyphicon-search" class="_hsync_pretrtaga"></span>
    <input type="text" id="_hsync_pretraga_polje" class="form-control _hsync_reg_input" style="margin: 0;" id="_hsync_pretraga" placeholder="Pretraga korisnika">
</a>

Answer 1

要改变另一个元素的焦点或悬停在一个元素上，你必须使用 JS，因为你只能像在 CSS 中那样改变子元素。