Css 在删除左侧边框时，引导保持按钮其他边框渐变

我正在使用引导

输入组
来显示一个框和一个按钮。如下图所示：


我想删除按钮的左边框，使搜索图示符看起来像输入框中的一样

以下是我进行更改后的情况：


当仔细观察时，您可能会注意到，按钮和输入框之间有一条小的渐变线，其余的按钮边框看起来与输入框边框不完全相同

以下是我的按钮CSS：

.search-btn{
  border-left:0px solid transparent;
}

.search-input{
  border-right:0px solid transparent;
}

请告诉我，我还应该改变什么来解决上述问题

谢谢
 引导中的输入元素也有方框阴影。您可以使用Firebug来检查元素，以查看这一点。为了演示，这里是搜索组的默认标记（略微调整，因为我更喜欢字体而不是图标）：

这个规则是为了让你的输入看起来有一定的深度，但它适用于输入的整个周长。最简单的修复方法是移除阴影：

.search-input
{
    box-shadow: none;
}

下面是应用规则的相同JSFIDLE:
很可能是一个方框阴影。您可以使用Firebug检查元素。你能包括你正在使用的标记吗？谢谢，你是对的@铁山。你能把你的评论移到一个答案上来吗？这样我就可以接受你的评论了？
box-shadow: rgba(0,​ 0,​ 0,​ 0.075) 0px 1px 1px 0px inset

.search-input
{
    box-shadow: none;
}