Google Chrome 中的输入类型搜索边框半径问题答案

【问题标题】：input type search border-radius issue in Google ChromeGoogle Chrome 中的输入类型搜索边框半径问题
【发布时间】：2011-12-19 07:07:37
【问题描述】：

我有一个 <input type="search"/> 元素（没有其他 HTML）。

这是 CSS：

input[type=search] {
    border: 1px solid #000;
    padding: 4px 12px;
    border-radius: 8px;
}

在 Firefox 7 中看起来很棒：

但是，在 Chrome 15 中，圆角被切除了：

有什么办法可以解决这个问题？

【问题讨论】：

【解决方案1】：

试试-webkit-appearance: textfield;

【讨论】：

【解决方案2】：

您只需要添加-webkit-appearance: none 即可修复它。

【讨论】：