Google Chrome 中的输入类型搜索边框半径问题
我有一个 元素（没有其他 HTML）。
CSS 如下：
input[type=search] {
border: 1px solid #000;
padding: 4px 12px;
border-radius: 8px;
}
在 Firefox 7 中，它看起来很棒：
但是，在 Chrome 15 中，圆角角被切掉：
有什么方法可以解决这个问题吗？
I have an <input type="search"/> element (no other HTML).
Here's the CSS:
input[type=search] {
border: 1px solid #000;
padding: 4px 12px;
border-radius: 8px;
}
In Firefox 7 it looks great:
However, in Chrome 15 the rounded corners are cut off:
Any way I can fix this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您只需要添加
-webkit-appearance: none即可修复它。You just need to add
-webkit-appearance: noneto fix it.尝试使用
-webkit-appearance: textfield;Try with
-webkit-appearance: textfield;