Возникли проблемы с кросс-браузерным CSS-интерфейсом

Question

У меня возникли проблемы с тем, чтобы это выглядело хорошо в IE, FireFox, Opera, Chrome и Safari.

Opera и Firefox одинаковы, но IE, Chrome и Safari выглядят немного иначе. Особенно ввод закругленных углов в Chrome.

Это мой код http://jsfiddle.net/VKuD6/2/

Может ли кто-нибудь указать мне правильное направление для создания «идентичного» кросс-браузерного внешнего вида?

Answer 1

В окнах поиска в веб-наборе есть несколько стилей по умолчанию, от которых вы хотите избавиться, используя это:

-webkit-appearance: textfield;

Следует отсортировать, хотя бы частично. Вы все-таки потеряли кнопку с открытым текстом. - Очевидно, нет

Кроме того, вы должны проверить это, хорошая информация о поиске ввода http://css -tricks.com /webkit-html5-search-input /

Надеюсь, это поможет:)