<input type="search">
所有在线文章都表明并且input with type=search输入右侧会有一个清晰的按钮（在 Apple 产品上）。
这在 MacOS 上的 Safari 中仍然有效，但在移动 Safari (iOS9) 中不再有效。
有没有办法恢复这个搜索取消按钮？
我已经尝试过这个：
input::-webkit-search-cancel-button{-webkit-appearance:searchfield-cancel-button;}
我也尝试给输入一个name and value。还把它放在一个form，但无济于事。
我找到了一个使用 css 添加按钮的页面 http://davidbcalhoun.com/a/webkit-search-cancel-button.html，但在我的 iPhone 上，按下按钮会将插入符号放在按钮内，这非常奇怪，而且无法使用。
我可以使用下面的CSS让它在iPhone上工作
input[type="search"]::-webkit-search-cancel-button {
/* Remove default */
-webkit-appearance: none;
/* Now your own custom styles */
height: 14px;
width: 14px;
display: block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
/* setup all the background tweaks for our custom icon */
background-repeat: no-repeat;
/* icon size */
background-size: 14px;
}
<input type="search" value="Example">
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
