extjs4 - ExtJS 4：如何为没有适当变量的字段设置主题？

Question

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

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

我可以创建一个像$form-field-readonly-color这样的新变量吗？

Answer 1

最终解决方案是：

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

文本字段有两个类 x-form-field 和 x-form-text。属性“readonly”由 ExtJS 设置，可以用括号选择，见这里。

此代码可以直接粘贴在 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;
}

不能保证覆盖物的质量，但类是正确的。