How to change font size for safari and opera but not chrome in CSS file.

Question

How can i change this for one browser while having it differently for another??

h2 {
    font-size: 150%;
    color: red;
}

Thanks. like making it blue or 175% on another The part of solution by dude below.

Possible duplicate of [How do I detect the user’s browser and apply a specific CSS file?](http://stackoverflow.com/questions/5621749/how-do-i-detect-the-user-s-browser-and-apply-a-specific-css-file) — Wickramaranga, Aug 04 '16 at 03:07
Possible duplicate of [Targeting only Firefox with CSS](http://stackoverflow.com/questions/952861/targeting-only-firefox-with-css) — vkopio, Aug 04 '16 at 03:13

DDan · Accepted Answer · 2016-08-04T03:29:48.550

3

@-moz-document url-prefix() {
    h2 {
        font-size: 150%;
        color: red;
    } 
}

See it here

See other Firefox specific css extensions here

Simple writeup on 'Tricks' here

Edit

About other browsers: You can find a lof of useful browser-specific CSS 'hacks' on browserhacks.com

edited Aug 04 '16 at 03:29

answered Aug 04 '16 at 03:11

DDan

What about for opera and safari?? – Push 1 Aug 04 '16 at 03:25
1

You can find a lof of useful browser-specific CSS 'hacks' here: http://browserhacks.com/ – DDan Aug 04 '16 at 03:28

1 Answers1