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を使用してデフォルトを上書きすることができます。

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

は品質であるとオーバライドを保証することはできませんが、クラスが正しいです。