html – 从输入框bootstrap中删除边框

发布时间：2020-12-14 23:10:26 所属栏目：资源来源：网络整理

导读：我正在使用bootstrap,less和angular创建一个网站,我一整天都在搜索栏的输入字段中苦苦挣扎.我尝试使用带有input-group-addon和input-group-button的bootstrap输入组,但我似乎无法删除按钮和输入之间的边框.实际上我根本无法改变边界.有关如何做到这一点的任

我正在使用bootstrap,less和angular创建一个网站,我一整天都在搜索栏的输入字段中苦苦挣扎.我尝试使用带有input-group-addon和input-group-button的bootstrap输入组,但我似乎无法删除按钮和输入之间的边框.实际上我根本无法改变边界.有关如何做到这一点的任何建议.我想我的搜索框与duckduckgo中的行为相同.

更新：


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


最佳答案
如果我找到你,那么制作大纲：0应该可以解决你的问题.
如果我弄错了,请发布一些图片,以便我们可以看到您的实际问题,并发布您迄今为止尝试过的代码.
编辑：
这是Fiddle：
基本上,您需要删除文本字段的右边框,图标的左边框和图标的背景颜色.
在文本字段中添加了类搜索输入,在图标中添加了搜索图标.
这是CSS：

.search-input {
    border-right: 0;
}

.search-icon {
    border-left:0 solid transparent;
    background:transparent;
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!