Bootstrap 3输入组附加组件和输入边框

Question

input-group-addon为白色背景时，无法删除input和input-group-addon之间的边框。

<div class="input-group" style="min-height: 46px;">
  <span class="input-group-addon input_prepend" id="basic-addon1"><i class="fas fa-search-location"></i></span>
  <input type="text" class="form-control header_input" placeholder="Search" aria-describedby="basic-addon1">
</div>

这里是例子： https://jsfiddle.net/Dp76/t2r6e3db/

Answer 1

它不是边框，而是盒子阴影。

将此添加到您的CSS代码：

https://jsfiddle.net/Iulius90/t2r6e3db/6/

    .input-group-addon,
    .input-group-addon + input {
       box-shadow: none;
    }