在Mac上的WebKit只，在搜索输入文字是从左侧缩进。 这里有一个演示 。 即使剥离所有填充，文本缩进，并设置后-webkit-appearance到textfield或none ，文本仍然缩进。 它看起来是围绕10px的左右，但检查没有显示任何CSS规则（甚至是浏览器的默认设置），似乎将此风格。 有任何想法吗？
<input type="search" value="Search">
-webkit-appearance: textfield;
border: 1px solid #ccc;
padding: 0;
margin: 0;
text-indent: 0;
这是你真正的重置默认样式WebKit中：
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
在此之后，填充问题应消失。 如果你也想正常化取消按钮，这是不是有非WebKit浏览器，添加input[type="search"]::-webkit-search-cancel-button作为选择的第二条规则。
通过使用边界盒模型输入默认的基于WebKit的浏览器[TYPE =“搜索”。 如果您使用的是传统的箱大小（你如果你还没有宣布任何其他模型），你可能会遇到奇怪的填充和边界的行为。 固定：
input[type="search"] {
box-sizing: content-box;
}
至于-webkit-appearance -尝试textarea （ textfield ），并none 。 在任何情况下，测试你的页面的iOS设备上，以确保造型不会在重点领域的投入之后被不同的（奇怪的行为，可能是错误 - 我使用与股票的iOS 6.0 iPhone 4S正在）
