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

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -