ExtJS 4：如何在没有适当变量的情况下对场进行主题化？

Question

如果字段为readOnly，我想创建一个带灰色文本颜色的自定义Ext.form.field.Field。如果它不是readOnly，则应使用默认文本颜色。

_form.scss -file中似乎没有可用于执行此操作的变量。

我可以创建一个新变量，例如 $ form-field-readonly-color 吗？

Answer 1

最终解决方案是：

.x-form-field.x-form-text[readonly]  {
    color: gray !important;
}

Textfields有两个类x-form-field和x-form-text。属性“readonly”由ExtJS设置，可以用括号选择，参见here。

此代码可以直接粘贴到scss文件中，因此不会污染任何Ext文件。

Answer 2

您可以使用自己的CSS覆盖默认值：

.x-item-disabled {
    color: #888888 !important;
    -moz-opacity: 100;
    opacity: 1;
    filter: alpha(opacity = 100);
    zoom: 1;
}
.x-form-item-label .x-item-disabled {
    color: #888888 !important;
    -moz-opacity: 100;
    opacity: 1;
    filter: alpha(opacity = 100);
    zoom: 1;
}

不能保证上面的质量，但课程是正确的。