Css 聚焦于输入时，输入组底部显示为负边距问题

我正在使用引导输入组并应用负边距

边距底部：-1px

，类似于此示例：

但是，如果你看下面的屏幕截图，当我关注一个输入时，负边距会导致输入的底部高亮显示被隐藏

有人能建议如何解决这个问题吗

我希望得到一个明显的答案，也许可以解释为什么在Bootstap signin的例子中不会出现这种情况

---

这应该可以解决问题

---

在处理焦点事件\样式时，您可以使用开发人员工具强制输入焦点状态，并查看发生了什么（至少在Chrome中您可以…）。只需右键单击元素的HTML并选择“强制元素状态”->”：focus“

您的输入是否有

位置：相对？是的。我加了一把小提琴——见上图。谢谢，非常感谢。这是可行的，但我不明白为什么在我的例子中它是必要的，而在引导登录示例中它是不必要的。啊-对不起。它在登录示例中：）再次感谢。答案被接受。
.form-control:focus {
   z-index: 2;
}