如何在chrome中擺脫輸入邊框？

Question

在Chrome中，我的設計沿搜索輸入字段的邊緣具有淺色邊框或輪廓。我怎樣才能擺脫這一點？

Answer 1

form#search input[type="search"] { 
    -webkit-appearance: none; 
} 

記住，這將禁用選擇元素箭頭。

Answer 2

如果你指的是藍色的 「光暈」，添加這個CSS：

outline: none; 

Answer 3

嘿，很容易刪除輪廓。只需設置none即可在css中輸入字段的outline屬性。

例如，

form input[type=text]:focus, form input[type=password]:focus, textarea:focus { 
    outline: none; 
} 

以上將刪除表單元素焦點上的chrome和safari瀏覽器中的輪廓邊框。

Answer 4

input, select { 
    outline: none; 
} 

這將禁用所有常規表單元素的瀏覽器輪廓。

Answer 5

這段代碼爲我工作：

input:focus { 
    box-shadow: none; 
}