如何在EXtJS中动态更改CSS内容

Question

我的资源文件夹中有一个CSS，我想根据自己的条件更改/添加一些CSS中的值，但我不知道该如何获取。

示例代码在这里

triggers: {
        clear: {
            cls: 'Clear-Value',
            hidden:true,
            handler: function(){
                //some code
            }
        }
    },

我的净值的CSS是

.Clear-Value:before {
    background-color:white !important;  }

现在，我想在某种情况下放一些东西。 像添加填充或其他一些东西。

我正在尝试这样

beforerender: function (cmp, eOpts) {
        debugger;
        var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
        if(isFirefox){
            this.triggers.clear.cls // Here I am getting Clear-Value
        }
    },

我得到我的帮助，但需要一些帮助来编辑CSS。 任何人都可以帮助解决此问题。

谢谢。

Answer 1

创建一个新的CSS类，并在其中添加Firefox所需的样式。 仅当浏览器是Firefox时，才将此类添加到组件类列表中。

尝试这个...

beforerender: function (cmp, eOpts) {
        var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
        if(isFirefox){
            cmp.addCls('firefox-fix');
        }
},

.firefox-fix { padding-top :7px !important; }

在firefox-fix CSS类中为Firefox添加CSS。 我希望这有帮助。