Введите тип поиска в пограничном радиусе в Google Chrome

У меня есть элемент <input type="search"/> (нет другого HTML).

Здесь CSS:

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

В Firefox 7 он выглядит великолепно:

Rounded corners on input element in Firefox 7

Однако в Chrome 15 закругленные углы обрезаются:

enter image description here

Показать jsFiddle

Как я могу это исправить?

Ответы

Ответ 1

Вам просто нужно добавить -webkit-appearance: none, чтобы исправить его.

Ответ 2

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