Safari输入类型搜索重置/标准化

Question

是否有正式的方法来重置搜索输入,使其看起来与Safari中的文本字段相同？

截图

Safari正在向左侧添加一些恼人的填充,我无法删除.

input {
  -webkit-appearance: none;
  padding: 0;
}

<input type="search" value="abc"><br>
<input type="text" value="abc">

Answer 1

自己找到了解决方案.

input {
  padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

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

<input type="search" value="abc"><br>
<input type="text" value="abc">