extjs4 - 如何使用 scopeResetCSS 属性确定重置 CSS 的范围，以便将其应用于 Ext 组件？

如何将 Ext CSS 设置为仅应用于 Ext 组件？

这是 scopeResetCSS 的 Ext 文档中提到的内容:

scopeResetCSS : Boolean
True to scope the reset CSS to be just applied to Ext components.
Note that this wraps root containers with an additional element.
Also remember that when you turn on this option, you have to use ext-all-scoped
{ unless you use the bootstrap.js to load your javascript, in which case it will be
handled for you.

我已经设置了 Ext.scopeResetCSS=true; 并且还用 ext-all.css 替换了 ext-all-scoped.css ，但这无济于事。

最佳答案

感谢 Donald Sipe 在他的 blog 中发布了解决方案。

在 ext-debug.js 脚本加载 Ext 对象之前，您应该按以下方式创建它:

 <script>
    // Here we define Ext for the first time
    Ext = {
        buildSettings:{
            "scopeResetCSS": true  // Thanks, but I'll do my own scoping please
        }
    };
</script>
<script src="js/libs/ext/4.0.2a/ext-all-debug.js"></script>

通过在 scopeResetCSS 配置对象中设置 buildSettings 值，你告诉 ExtJS 你将自己处理 CSS 范围。

关于extjs4 - 如何使用 scopeResetCSS 属性确定重置 CSS 的范围，以便将其应用于 Ext 组件？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6435833/