input獲得焦點時，如何讓外邊框不變藍

border 可應用於幾乎所有有形的html元素，而outline 是針對鏈接、表單控制項和ImageMap等元素設計。

outline的效果將隨元素的 focus 而自動出現，相應的隨 blur 而自動消失。這些都是瀏覽器的預設行為，無需JavaScript配合CSS來控制。outline 不會像border那樣影響元素的尺寸或者位置。

使用input:focus{outline:none;},可以達到“輸入框”獲得焦點時邊框不變藍的效果。這個效果也可以使用在button上，button:focus{outline:none;}。

但是在Firefox下，對於類型為button的元素，即使設置outline，也還是會出現虛線。可以使用一個Firefox的私有偽元素：

button:-moz-focus-inner{border:0;}，

特別註意的是-moz-focus-inner設置的不是outline,而是設置border。