тип ввода: поиск границы радиуса в Google Chrome

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, чтобы исправить это.

Answer 2

Попробуйте с -webkit-appearance: textfield;