输入中的Boostrap glyphicon在悬停时没有显示

Question

在我的网站上，当鼠标悬停在“搜索”输入或焦点上时，glyphicon消失了！

<div class="icon-addon addon-sm">
                        <input type="text" placeholder="Search (621 videos)" class="form-control" name="searchString" id="searchString">
                        <label for="searchString" class="glyphicon glyphicon-search" rel="tooltip" title="search"></label>
</div>

Answer 1

你这里有问题

.icon-addon .form-control:focus+.glyphicon, .icon-addon:hover .glyphicon, .icon-addon .form-control:focus+.fa, .icon-addon:hover .fa {
  color: #fff;
}

从css上方删除.icon-addon:hover .glyphicon或删除color或设置差异color: #232323;您的选择。