Google Chrome中的输入类型搜索border-radius问题

Question

我有一个<input type="search"/>元素(没有其他HTML).

这是CSS:

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

在Firefox 7中它看起来很棒:

但是,在Chrome 15中,圆角被切掉:

查看jsFiddle

我能解决这个问题吗？

Answer 1

你只需要添加-webkit-appearance: none来修复它.