使用bootstrap 3,这是代码:
<div class="form-group"> <div class="input-group merged"> <span class="input-group-addon"><i class="fa fa-arrow-circle-right fa-fw"></i></span> <input class="form-control" placeholder="Text to appear before.."> </div> </div> <div class="form-group"> <div class="input-group merged"> <input class="form-control" placeholder="Text to appear after.."> <span class="input-group-addon"><i class="fa fa-arrow-circle-left fa-fw"></i></span> </div> </div>
.merged .input-group-addon { border-right: 0px; background-color: #FFFFFF; } .merged input { border-left: 0px; background-color: #FFFFFF; }
这就是它的样子:
请注意,缺少第二个输入框的左右边框.此外,图标和文本框之间有一个垂直分隔线,上面的框中没有.
有任何想法吗?
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。