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

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

Здесь CSS:

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

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

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

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

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

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