如何刪除黃色邊框來到Chrome和Safari中的文本框

Question

我有一個html頁面。雖然我用鉻或Safari瀏覽頁面，文本框周圍有一個黃色邊框。

爲了去除邊框，我加

<style type="text/css"> 
    input{ 
    outline:none; 
} 
</style> 

和邊界已經沒有了。

但是，當我在Mac機（鉻& Safari）的頁面，它仍然存在。 任何人都有想法如何解決它在Mac？

Answer 1

:focus { 
    outline: 0; 
    outline-color: transparent; 
    outline-style: none; 
} 

Answer 2

你可以嘗試設置它也沒有顏色：

.foo:active, .foo:focus { 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
} 

Answer 3

如果你使用引導程序的CSS，很可能是罪魁禍首。發現問題在這裏：

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { 
    outline: thin dotted #333; 
    outline: 5px auto -webkit-focus-ring-color; 
    outline-offset: -2px; 
} 

如果你不能編輯bootstap.css使用這個，就像一個魅力。

select:focus, input:focus, textarea:focus { 
    outline: 0; 
    outline-color: transparent; 
    outline-style: none; 
}