Веб-страница Кросс-браузер CSS

Question

У меня проблема с формой, которая в Firefox выглядит нормально, но она ниже, чем я хочу в Chrome и IE. Кроме того, нижние колонтитулы идут выше в IE, когда они идеальны в Chrome и FF.

Я просто хочу узнать, можно ли каким-либо образом настроить CSS для каждого браузера, поэтому, если я открою свою страницу в FF, IE или Chrome, она будет использовать специальный CSS.

Спасибо

Обновление:

Я нашел этот код для создания отдельной таблицы стилей для IE:

<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

Есть ли один, который я могу сделать для всех других браузеров?

Answer 1

В IE вы можете добавить конкретную таблицу стилей, используя условные комментарии: http://css -tricks.com / how-to-create-an-ie-only-stylesheet /

ДляMozilla и Chrome вы можете использовать специальные теги вендора.В Chrome вы бы использовали что-то вроде этого (поскольку Chrome основан на webkit, вы добавляете -webkit перед тегами):

#foo {
  -webkit-border-radius:5px;
  -webkit-box-shadow: 5px 5px 5px #000;
}

А в Mozilla вы используете (добавляете -moz перед тегами):

#foo {
  -moz-border-radius:5px;
  -moz-box-shadow: 5px 5px 5px #000;
}

Вы должны помнить, что вы не можете сделать это во всех тегах.

Список для Mozilla: https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

Список для Chrome: http://qooxdoo.org/documentation/general/webkit_css_styles