重置引用块的CSS样式

Question

我希望完全重置与“blockquote”元素相关的所有CSS，以便我可以自己进行样式设置，但是在Chrome的检查工具中看到了-webkit-属性，这告诉我不同浏览器可能存在各种未知属性。

是否有一致的跨浏览器解决方案来重置围绕 blockquotes 的所有CSS？

- jpppp

---

许多非标准属性只是浏览器内部实现某些功能的方式。您永远不应该自己修改它们，即使作为重置的一部分。 - BoltClock

我不想使用类，我想使用引用块...没有冒犯的意思，但我不是在询问它是否被认为是正确的，我想知道如何做到这一点。 - jpppp

啊，我的意思是可能没有一种一致的、跨浏览器的解决方案，因为那些带前缀的属性背后的概念与此相违背。 - BoltClock

明白了。嗯... 叹气 - jpppp

问题过于模糊：“重置”可以有不同的含义。应该将属性设置为初始值、浏览器默认值还是某些特定值（哪些值？）。而且，重置“未知”属性意味着什么？ - Jukka K. Korpela

Answer 1

使用方法如下：

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;
}

如果你正在检查-webkit-这样的跨浏览器解决方案，那么你应该进行搜索。

供应商前缀

- Bhojendra Rauniyar