如何在输入窗口小部件中定位x以清除内容？

Question

使用twitter bootstrap,可以非常直接地创建搜索样式输入窗口小部件:

x也适用于Twitter引导程序,但将x放在该位置,需要一些CSS微调.

我设法让x在那个位置,但它不是很可靠.凭借响应式设计和不同的分辨率,x完全被取代.

.filter-close {
    float: none;
    position: relative;
    left: 5em;
    top: 1.25em;
    z-index: 3;
}

<form action="." method="get" class="form-search">
 <a class="close filter-close" href="#">x</a>                                           
    <div class="input-append">                  
        {{filter_form.last_name}}<button type="submit" class="btn"><i class='icon-filter'> </i></button>                </div>                          
</form>

在尝试重新发明轮子之前,是否有任何现有的javascript库可以在输入带有x按钮的情况下转换输入？为此目的,像Chosen.js这样的东西？或者任何建议我如何以更好的方式做到这一点？

非常感谢,

Answer 1

看看这篇文章

这个小提琴基本上可以做你想做的事.

你朝着正确的方向前进.