禁用Webkit的表單輸入影子

Question

可能重複：
How to remove border around text/input boxes? (Chrome)

有沒有一種方法來禁用由當表單元素獲得焦點WebKit瀏覽器生成的彩色的影子呢？它在Chrome中是黃色的，在Safari中是藍色的，並且阻礙了我試圖實現的任何自定義焦點樣式。

Answer 1

試試這個：

input:focus { 
    outline: none; 
} 

Answer 2

你可以試試outline: none但請注意，這是一般不可用性原因真的可取的。始終保持Jakob Nielsen's「網絡用戶體驗法則」：

用戶大部分時間都花在其他網站上。

這意味着他們會根據大多數其他網站上的常見做法來形成他們對您網站的期望。如果您偏離了原則，您的網站將難以使用，用戶將離開。