ExtJS 4表单文本字段和颜色(背景)
此表单上有简单表单和一些文本字段。我得定颜色 (背景和字体)在运行时使用其中两种 我尝试了两种方法: 1)ExtJS 4表单文本字段和颜色(背景),extjs,background,textfield,Extjs,Background,Textfield,此表单上有简单表单和一些文本字段。我得定颜色 (背景和字体)在运行时使用其中两种 我尝试了两种方法: 1) fieldInstance.addClass('aaa')使用如下css .aaa .x-form-field { background-color: black; color: red; } 2) fieldInstance.setFieldStyle('font-weight:粗体;颜色:红色;背景色:黑色;') 这两种方法都有效,因为我认为这
fieldInstance.addClass('aaa')
使用如下css
.aaa .x-form-field {
background-color: black;
color: red;
}
2) fieldInstance.setFieldStyle('font-weight:粗体;颜色:红色;背景色:黑色;')代码>
这两种方法都有效,因为我认为这两种方法的最低年龄都是
字段为黑色,两个字段的工作方式相同(几乎相同)
进入前和退出后背景色为白色。
当我开始编辑此字段时,首先显示
始终为白色,第二个的背景为黑色,直到
我离开球场
你能给我解释一下怎么了吗?我认为第一个函数在其他函数的基础上附加了一个类。
在第二种情况下,替换已设置的样式值。
也许为了解决同样的问题,您需要修改x-form-field字段,而不是附加其他字段
如果必须在运行时修改样式,我总是使用第二个选项
也许发布其他代码我可以更好地看到问题可能出现的地方对于
元素,除了x-form-field
之外,还应用了许多类,比如x-form-text
,其中一些还定义了颜色和背景颜色。所以我猜其中一些类可能比.aaa.x-form-field
更具体。尝试使用!重要信息
在CSS规则中:
.aaa .x-form-field {
background-color: black !important;
color: red !important;
}
当我更正css时,我发现只有一个区别——现在两个字段的工作方式相同——当我开始时,两个背景都是黑色的。@Tad-Hmmm,我的另一个猜测是您将样式应用于textfield
元素,而内部
元素是“上面”的div.尝试将CSS选择器更改为.aaa.x-form-field input
。表单定义如下:
xtype:'form',itemId:'form_CZAS',bodyStyle:'background color:#DFE8F6',border:false,margin:'10,0, 0, 0',