CSS, который только относится к Chrome? [закрытый]
5 ответов
Сначала исправьте поиск по FF. Тогда сделайте это правильно как для FF, так и для Chrome. Только после того, как он будет выглядеть правильно в FF и Chrome, вы можете начать беспокоиться о том, как это выглядит в IE. После этого начните настраивать IE, если необходимо, используя * перед вашими правилами стиля, например: * margin-top: 2px; настраивает верхнее поле для IE7 и IE6. исключительно.
Посмотрев на ваш код, трудно точно сказать, что может быть причиной проблемы, не имея возможности протестировать различные решения в моей системе. Но вот некоторые вещи, которые вы можете попробовать изменить в своем файле styles.css (расположенном в папке «хроника» в папке «темы»), которые могут исправить проблему:
- примените одно и то же значение высоты к обоим вашим
#sи#searchsubmitнаборы правил - remove
font: 14px "Century gothic", Arial, Helvetica, sans-serif;из#searchsubmit - после того, как вы сделаете вышеуказанное, если он по-прежнему не выглядит правильно ни в FF, ни в Chrome, установите первое и второе значения заполнения для вашего набора правил
#sна0(т.е.измените8pxна0px), а затем добавьте объявлениеmargin-top:в оба#sи#searchsubmitи укажите одинаковое значение, напримерmargin-top: 8px; - , если у вас все еще есть проблемы, попробуйте скопировать эту строку:
font: normal 100% "Tahoma", Arial, Helvetica , sans-serif;из вашего набора правил#sи добавьте его в свой набор правил#searchsubmit, чтобы он отображался в обоих наборах правил.
Существует так много разных возможностей, которые могут быть причиной проблемы, поэтому вы можете попробовать один из вышеупомянутых приемов, если вы не можете выяснить источник проблемы.
Вы можете проверить, содержит ли navigator.appVersion слово «Chrome», и установить относительное положение этой кнопки на пару пикселей вниз с помощью javascript. .
if (navigator.appVersion.indexOf("Chrome/") != -1) {
// modify button
}
Попробуйте изменить свой тип документа на строгий - все, что работает в одном из них, должно в основном работать одинаково во всех трех основных браузерах. По большей части.
Взгляните на http://rafael.adm.br/css_browser_selector/
небольшой файл js, который добавляет классы в ваш тег body например .webkit, .chrome и т. д., которые вы можете использовать в своей таблице стилей.
Для справки, список всех возможных хаков CSS для конкретных браузеров . Хотя я не рекомендую использовать эти уловки, они могут помочь быстро решить вашу проблему.