outline屬性有什么作用

? ? 原文鏈接 a{outline:none} do not do it

? ? 當用戶使用tab鍵進行鏈接切換時，該屬性會在當前選中的鏈接（獲得焦點）使用該屬性，一般來說是虛線框

的長方形。這對于沒有使用鼠標輸入的用戶而言尤其有用，它可以作為視覺反饋來告知用戶當前的輸入。所以說

如果設置outline屬性為none，則對這些人來說將會是很差的用戶體驗。

? ? 給鏈接元素設置獲得焦點屬性是非常有必要的，對任何使用鍵盤來操作用戶界面的模式，焦點指示器需可見。

為什么有些開發者喜歡刪除該屬性

? ? 主要是由于涉及的虛榮心，或者是完全忘記了上述提到的這一點。

? ? 開發者常用的css reset往往將outline屬性刪除，Eric Meyers的css reset也是如此。但是Eric也說了，開發者

需要額外定義焦點樣式。

/* remember to define focus styles! */ :focus { outline: 0; }

? ? 我們要記住注釋的部分，一定要重新定義“焦點樣式”。

如果要刪除該屬性，需要設置替換屬性

? ? 盡量不要刪除outline屬性，但是也有一些其他方法來設置鍵盤獲取焦點鏈接樣式：

• 設置背景顏色。如：#test1 a:focus { background: #FFFF00; }
• 設置字體樣式。 如：?#test2 a:focus { color: #FF6600; }
• 設置outline屬性。 如：#test3 a:focus { outline: #FF0000 dotted medium; }
• 設置高亮屬性。 如：#test4 a:focus { color: #FFFFFF; background: #FF0000; }

? ? ? ??

轉載于:https://www.cnblogs.com/accordion/p/4248056.html

總結

以上是生活随笔為你收集整理的不要给a设置outline:none的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。