从输入框引导中删除边框

我正在使用bootstrap,less和angular创建网站,并且整日都在为搜索栏输入字段而苦苦挣扎。我尝试将bootstrap输入组与input-group-addon和input-group-button一起使用,但是我似乎无法删除按钮与输入之间的边界。实际上,我根本无法更改边界。关于如何执行此操作的任何建议。我希望我的搜索框具有与duckduckgo中相同的行为

更新:

<form role="form" action="results.html" style="padding:30px">
<p class="input-group">
    <input type="text" class="form-control" name="q" /> <span class="input-group-addon" style="border-left-width: 0px"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>
    <input type="hidden" name="mode" value="web" />
</p>

这就是我的代码。我不知道如何用它制作一个JSFiddle以便保留引导样式。我还尝试将来自此链接http://jsfiddle.net/CbGpP/2/的html和css放入我的代码中,并且按钮和输入之间的线仍然保留,单击时都不会变为绿色。

非常愚蠢,在index.html中,我添加了bootstrap样式表,然后添加了自定义的bootstrap。删除最后一行解决了我所有的问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章