Reset Blockquote CSS

Question

I want to completely reset all CSS surrounding the 'blockquote' element so I can style it myself, but I'm seeing -webkit- properties in Chrome's inspect tool which tells me that there could easily be all sorts of unknown properties throughout various browsers.

Is there a consistent, cross-browser solution to reset all CSS surrounding blockquotes?

Answer 1

Use like this:

blockquote, q{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

And if you are checking cross browser solution like -webkit- then you should have a search

vendor prefixes