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

时间:2016-01-15 00:49:28

标签: css3

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

screenshot

Safari正在向左侧添加一些令人讨厌的填充,我无法删除。

input {
  -webkit-appearance: none;
  padding: 0;
}
<input type="search" value="abc"><br>
<input type="text" value="abc">

1 个答案:

答案 0 :(得分:7)

自己找到解决方案。

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">