условное заявление css для firefox - PullRequest
Новая
       9

условное заявление css для firefox

7 голосов
/ 01 января 2011

У меня проблемы с CSS в Firefox, поэтому я хочу импортировать файл CSS, только если браузер FF

На самом деле мне нужно импортировать следующие стили: 

.searchbutton{
    position:absolute; right:3px;  width:25px;  
    top:3px;
}

#buscarmain{ bottom:12px;

}

EDIT:

Многие утверждают, что я не должен использовать специальное утверждение для FF, поскольку FF, скорее всего, будет правильным по сравнению с другими браузерами.

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

Ответы [ 5 ]

13 голосов
/ 08 октября 2013

Вот как мы можем нацеливать стили CSS только для Firefox: 

<style type="text/css">
@-moz-document url-prefix() {
    h1 {
        color: red;
    }
}
</style>

Источник: Ориентация только на Firefox с CSS

12 голосов
/ 02 января 2011

Вы можете попробовать браузер css

8 голосов
/ 01 января 2011

решил проблему

только что добавил: 

    <script type="text/javascript">
    if ( $.browser.mozilla == true ) {
      document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"FF.css\">");
    }
</script>
4 голосов
/ 02 января 2011
1 голос
/ 01 января 2011

IE - единственный браузер с условными комментариями. Я всегда чувствовал, что у каждого браузера должен быть свой, но увы.

Я думаю, что решение состоит в том, чтобы настроить таблицу стилей так, чтобы она правильно отображалась в Firefox, а затем исправить для IE.

Грубым и очень грязным решением было бы использование JavaScript для обнаружения браузера и добавления класса, такого как "ffonly", в тег body, если браузер Firefox. Затем всегда вносите свою таблицу стилей Firefox, но в начале ставьте «.ffonly» на всех ваших правилах стиля

...