Css 为什么input type=search会在Webkit（Safari）上造成额外的填充

当使用带有

type=“search”

的输入时，为什么Safari会在字段的值/占位符的左侧添加几个额外的填充像素

<input type="search" placeholder="Search" />

---

您需要删除

-webkit搜索装饰的样式设置

伪元素

.input{
填充：8px 20px；
-webkit外观：textfield；
}
.input:：-webkit搜索装饰{
-webkit外观：无；
}

正如这个问题所问，它之所以这么做，是因为Safari是在标准化前几年发明input type=“search”的，所以苹果公司按照他们喜欢的方式实施了它，并认为这是适应macOS（当时的OS X）外观和感觉所必需的。大概