2012-02-28 2 views
0

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

Opera и Firefox - это то же самое, но IE, Chrome и Safari имеют немного иной вид. Особенно входные закругленные углы в Chrome.

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

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

ответ

1

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

-webkit-appearance: textfield; 

Если разобраться, по крайней мере, частично. Тем не менее, вы потеряете прозрачную текстовую кнопку. - По-видимому, не

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

Надежда, что помогает :)

+0

спасибо, что трюк. Вы знаете, как я могу получить одну и ту же высоту в Chrome/Safari, как в Firefox/Opera? – Steven

+0

Хорошо, это прояснилось несколько вещей. Для плохих веб-наборов существует так много ограничений в поле поиска :( – Steven

+0

Если вы задаете размер шрифта, строку-высоту, отступы, границы и поля, которые должны помочь. Это все, что влияет на размер ввода. что они должны быть в значительной степени идентичными, я бы подумал. Возможно, вы сможете использовать что-то вроде этого: http://bastianallgeier.com/css_browser_selector/, чтобы нацелить определенные браузеры, чтобы сгладить все маленькие мелочи. – will

Смежные вопросы