Question

我的资源文件夹中有一个css，我想根据我的情况更改/添加css中的一些值，但我不知道如何获得它。

示例代码在这里

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

我的css of clear-value是

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

现在我想在某些条件下放一些clss。喜欢添加填充或其他一些东西。

我正在尝试这样

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

我正在获取我的cls但需要一些帮助才能编辑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 for CSS。我希望这会有所帮助。

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

1 个答案: