twitter bootstrap - 选择表单后,搜索表单中的图标消失

时间:2013-07-23 13:05:50

标签: css forms search twitter-bootstrap icons

我正在使用Twitter bootstrap并希望在搜索字段中有一个搜索图标。我设法让它工作,但是在选择表单时,由于某种原因图标消失了。我做错了什么?

这是我的HTML代码:

<div class="control-group">
<div class="form-controls">

<div class="input-append">
<span class="fornav"><i class="icon-search"></i></span><input type="text" class="search-query span2" placeholder="Search&hellip;">
</div>

</div>
</div>

和CSS:

.fornav {
     position:relative;
    margin-right:-22px;
    top:-3px;
    z-index:2;
}

非常感谢您的任何建议:)

1 个答案:

答案 0 :(得分:0)

我想我发现了这个问题。我将z-index更改为9999并且它可以工作:)