輸入組與負邊距的顯示問題，當輸入

Question

我使用的是引導輸入組以及應用類似於本例的負壓保證金margin-bottom: -1px：

http://getbootstrap.com/examples/signin/

但是，如果你看一下在下面的屏幕截圖中，當我關注輸入時，負邊界會導致輸入的底部高亮隱藏。

任何人都可以建議如何解決這個問題？

我希望得到一個明顯的答案，或許可以解釋爲什麼這不會發生在Bootstap登錄示例上。

Fiddle

Answer 1

這應該解決的問題。

Fiddle

.form-control:focus { 
    z-index: 2; 
} 

當焦點事件\花式打交道時，你可以使用開發工具強行打開輸入焦點狀態，看看怎麼回事（至少在Chrome中，你可以...） 。只需右鍵單擊某個元素的HTML並選擇「強制元素狀態」 - >「：focus」