输入中的 Bootstrap 字形图标在悬停时不显示

Question

在我的网站上，将鼠标悬停在 "Search" 输入或焦点上时，字形消失了！

<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;
}

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

输入中的 Bootstrap 字形图标在悬停时不显示

Boostrap glyphicon inside input not showing on hover

html

css

twitter-bootstrap

glyphicons