2016-08-03 9 views
0

私は種別が 'Ext.form.field.Text'です。
テキストフィールドの入力文字列の色を変更したいと思います。
現在、フィールドは無効になっており、テキストは明るい灰色の色で表示されています。これを何か別のものに変更したいと思います。
私が試してみました:テキストフィールドの値の色を変更します

<code> 
    field.setFieldStyle('color: red ;'); 
    field.fieldCls = 'color: red ;'; 
    field.cls = 'color: red ;' 
</code> 

を上記のすべてがフィールドに影響を及ぼさなかった、またはフィールドの周囲のフレームに影響を作られました。

<code>`field.setLabelCssCls('color: DarkSlateGrey ;');`</code> 

そして、それは持っていた:私は、フィールドに記入されているテキストだけ、周りに何も変更したい
...
また、これを行うことによって、フィールドのラベルの色を変更したいですテキスト自体のために同等のものを探していました。

+0

ExtJSのバージョンを指定していません。 'field.setFieldStyle( 'color:red;')'は[this fiddle](https://fiddle.sencha.com/#fiddle/1els)に従って6.0.2 Tritonで動作します。 – Alexander

+0

右、忘れました。 extjsバージョン5.0.1は、バージョン6.0.2以降のバージョンであることを認識していませんでした。 – Inbal

+0

非常に同じコードが5.0.1-Crispでも動作します。あなたの問題が何であるか分かりません。 – Alexander

答えて

1

入力文字列をカラフルにするには、CSSを追加する必要があります。 CSSでは、あなたが望む色を追加する必要があります。 それはfield.fieldClsプロパティのこのCSSを呼び出した後です。フィールド入力用のこのデフォルトCSSクラス。 あなたのCSSは次のようにする必要があります:

.colorText{ 
    color: red; 
} 

fieldCls: 'colorText', 

ようfield.fieldClsにCSS呼び出し、このCSSを入れた後、私はあなたがここで確認することができますがあなたのためにシオマネキを作成します。 Fiddle

+0

それは働いていない、おそらく値がextjs disabledプロパティによって変更されている、**後**私のコードがレンダリングされている?どのように私はこれをチェックし、それを避けることができますか? – Inbal

+0

また、allowBlank:falseを使用しました。このプロパティを使用しないように頼まれたので、「無効」プロパティを使用しています。おそらくそれがうまくいかなかったのです... – Inbal

+0

コードを入れてください – UDID

関連する問題