如何在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。 我希望這有幫助。