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，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/116173.html
標籤：Html/Css
上一篇：初始HTML_表格