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

텍스트 필드가 두 개의 클래스 X-폼 필드와 X-형태의 텍스트가 있습니다. 속성 "readonly"는 ExtJS에 의해 설정되며 괄호로 선택할 수 있습니다 (here 참조).

이 코드는 scss 파일에 직접 붙여 넣을 수 있으므로 Ext 파일을 오염시키지 않습니다.

Answer 2

당신은 당신의 자신의 CSS를 사용하여 기본값을 대체 할 수 있습니다 다음 오버라이드 (override)하는 품질의 수 있지만 수업이 올바른지에 대한

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

는 보증 할 수 없습니다.