只覆盖某些元素的CSS选择器 - Sencha

这是一个愚蠢的问题 - 但我一直在它上面停留了一段时间，找不到答案。只覆盖某些元素的CSS选择器 - Sencha

我想覆盖只有某些元素的Ext.js复选框的颜色。

CSS：

.X-场复选框.X场掩模后::后，.X场无线电.X场掩模:: .emptyCell { 颜色：白色; }

注意这个类有 - .emptyCell

现在煎茶代码：

if(noCheckBox) { 
     var checkbox = 
      {  
        xtype: 'checkboxfield', 
        cls: 'opBuyoffCheckBoxCell emptyColumn', 
        readOnly: true 
      }; 
     return checkbox; 
    } else { 
     var checkbox = 
      {  
        xtype: 'checkboxfield', 
        cls: 'opBuyoffCheckBoxCell', 
        listeners: { 
          change: function (checkbox) { 
          //Todo put in logic on checkbox change 
          } 
        } 
      }; 
     return checkbox; 
    } 
},

有什么问题吗？我有三个复选框。根据我的CSS和逻辑，其中两个应该呈现白色，另一个应该是正常的。我已经调试过，它正在进入正确的代码。但是当我启动我的应用程序时，它总是使用emptyColumn css类。

帮助表示赞赏。

来源

2015-12-18 Sarah Lottman

你为定义的cls编写了什么代码？你可以发布那个吗？ –

您说** emptyCell **，但代码包含** emptyColumn **。这只是一个错字吗？ – abeyaz

只需添加一个[fiddle]（http://fiddle.sencha.com）即可清楚地查看您的代码 – aviram83

应用此CSS：

.emptyColumn .x-input-el:checked+.x-field-mask::after { 
    color: #fff; 
}

有一件事要注意，在编写CSS和HTML一样CLS。

来源

2015-12-31 05:24:11

只覆盖某些元素的CSS选择器 - Sencha

回答

相关问题