css - Bootstrap 3 输入组插件和输入边框

Question

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

<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;
    }