专注于搜索不起作用

Question

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

#_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 中那样改变子元素。

专注于搜索不起作用

Focus on search doesn't work

html

css

focus