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

Tags: html,css,google-chrome,firefox

Problem :

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.

Solution :

@-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


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

    CSS Howto..

    How to change from one stylesheet to another with jQuery?

    How to change the style of the arrow in a select box using css

    CSS - How to center a DIV menu

    how to make css div margin-top 20px from div above

    How to Detect css by iPhone/iPad

    How to change border of div containing radio button when checked

    How to ensure that the css border goes inside the image

    Bootstrap How-to: checkbox should change text input value when selected/checked [closed]

    How to implement min left/right in css

    How to use metro css with codeigniter?

    How to add rows to a responsive grid

    How can I set a height, or allow a div to extend to the height of absolutely position elements within?

    How to set css to a specific selector using jQuery

    Jquery UI: How to define different CSS styles for Tabs and Slider on the same page

    How To Expand A Textarea To 100% Using CSS Only

    How to edit 'clip' CSS property in JQuery?

    How to style picture gallery to allow portait and landscape pics that are also links

    How to improve page loading which includes css and jquery files

    How can I select the first IFRAME within the second FB tag in a div?

    How to make an image inside a diamond shape morph to circle

    How to develop Javascript and CSS and use minified versions when releasing?

    How can I get these Bootstrap column divs to be uniform length inside of a well?

    How do you create different CSS for dynamically generated elements?

    How to center text inside div in this specific situation? [duplicate]

    CSS - How to remove comments and make CSS one line

    How to Drop 2 nested shadows On 2 Divisions in CSS? [closed]

    How I do edit the css for just the home page on Magento?

    How to Centre Glyphicon Vertically In Bootstrap Button

    Chrome doesn't show the favicon

    How can I make a fixed background image not stay fixed on scroll?