ExtJS 4: Как тему поля без правильной переменной?

Question

Я хочу создать настраиваемый Ext.form.field.Field с серым цветом текста, если поле readOnly. Если он не читается только, используется цвет текста по умолчанию.

В файле _form.scss нет значения переменной, которая может быть использована для этого.

Могу ли я создать новую переменную типа $ form-field-readonly-color?

Answer 1

Окончательное решение:

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

TextFields имеют два класса х форм-поля и х форм-текста. Атрибут «readonly» устанавливается ExtJS и может быть выбран с помощью скобок, см. here.

Этот код может быть вставлен непосредственно в scss-файл, чтобы он не загрязнял никаких внешних файлов.

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

не может ручаться за overide быть качества, но классы являются правильными.