Conditional CSS for Firefox and Chrome -
i have table formatting , 1 display command won't work both firefox , chrome.
here have:
.form-item .description { font-size: 0.85em; display: table-caption; }
this works firefox chrome need have:
.form-item .description { font-size: 0.85em; display: table-footer-group; }
is there way can write 1 css command? if firefox option 1 if chrome option 2 ect
you can this:
firefox
@-moz-document url-prefix() { .form-item .description { font-size: 0.85em; display: table-caption; } }
chrome/safari
@media screen , (-webkit-min-device-pixel-ratio:0) { .form-item .description { font-size: 0.85em; display: table-footer-group; } }
Comments
Post a Comment