Style dla konkretnej przeglądarki

Question

Witam, 

Wie ktoś jak zaprogramować stronę tak, żeby np w przeglądarce Firefox były wyjątkowe style, np:

div {

background: red;

}

a dla pozostałych 

div {

background: blue;

}

Jak to zrobić w JavaScript ?

Pozdrawiam

Answer 1

Większość załatwić można w samych css-ach. Dla przykładu:

_:-ms-fullscreen, :root .twoja-klasa{background-color: red;} // przy takim zapisie w pliku css twoja klasa będzie miała czerwony background tylko na IE 11

@-moz-document url-prefix() {

.twoja-klasa: background-color: blue;} // przy takim zapisie twoja klasa będzie miała niebieski background tylko na firefoxie

}

Comments

Bomba ! :)   Dziękuję i pozdrawiam

Answer 2

navigator

Comments

Dziękuje za odpowiedź  , to rozwiąznie też warto znać.

Pozdrawiam

Answer 3

Żeby to osiągnąć, musisz z poziomu JS wykryć na jakiej przeglądarce jesteś, przykład dla wspomnianego Firefox'a (https://stackoverflow.com/questions/7000190/detect-all-firefox-versions-in-js), a nastepnie nadać klasę dla tag'a body (lub innego). Później tylko na tej podstawie robisz style (zakładając że dałeś klasę firefox):
 

.firefox div {
    background: red;
}

div {
    background: blue;
}

Taką możliwość ma chyba również Modernizr (https://modernizr.com/docs), ale osobiście sam nie używałem.

Comments

Na tą chwile wystarczy mi użyć rozwiązania w samym CSS , które podał kolega lapa19904 , ale to w JS na pewno w przyszłości się przyda :)

Dzięki, pozdrawiam