我想编写当用户点击搜索图标时显示搜索输入字段的代码。我写了它,但它不起作用。我试过 :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>
最佳答案
要改变另一个元素的焦点或悬停在一个元素上,你必须使用 JS,因为你只能像在 CSS 中那样改变子元素。
关于html - 专注于搜索不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37415423/