我在横幅中间有搜索输入。我想在右侧创建搜索图标,如果我点击那里,图标就会消失。我试过 display:absolute,但它没有响应。 我的代码:
<form class="col-md-offset-3 col-md-6 col-md-offset-3" id="searchForm">
<div class="form-group">
<input class="form-control" placeholder="Search" type="text">
<img src="search-icon.png" />
</div>
</form>
#searchForm {
position:absolute;
top:40%;
}
最佳答案
您可以在字形上使用 form-control-feedback
类。
HTML:
<form class="col-md-offset-3 col-md-6 col-md-offset-3">
<div class="form-group has-feedback">
<input id="searchInput" type="text" class="form-control" placeholder="Search" />
<i class="glyphicon glyphicon-search form-control-feedback"></i>
</div>
</form>
CSS:
#searchInput:focus + i {
display:none;
}
关于jquery - 如何使用切换图标进行搜索输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38955914/