CODEWITHSUNDEEP
css
Ryeboflaven
Ryeboflaven

Reputation: 85

Conditional CSS for Firefox and Chrome

I have a table that I am formatting and one display command won't work for both firefox and chrome.

Here is what I have:

.form-item .description {
font-size: 0.85em;
display: table-caption;
}

This works for Firefox but for chrome I need to have:

.form-item .description {
font-size: 0.85em;
display: table-footer-group; 
}

Is there a way I can write that into one css command? If firefox option 1 if chrome option 2 ect

Upvotes: 0

Views: 275

Answers (1)

Luís P. A.
Luís P. A.

Reputation: 9739

You can do this:

Firefox

@-moz-document url-prefix() { 
  .form-item .description {
    font-size: 0.85em;
    display: table-caption;
  }
}

Chrome/Safari

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .form-item .description {
   font-size: 0.85em;
   display: table-footer-group; 
 }
}

Upvotes: 1

Related Questions