プロプログラマ

プログラマーを職業としてます。 Flex,Air,C#,Oracle,HTML+JSの言語ノウハウを中心に情報発信していきます

[Flex] TextInputのprompt書式設定

Flex4.5から、テキスト入力系部品にプロンプト表示が標準装備されました。

今までは個別に実装するか、FlexLibに頼っていました。

表示するのは簡単ですが、スタイル設定の仕方に迷う場合がありますので、メモしておきます。
▼入力系全体に反映させる場合

s|SkinnableTextBase:normalWithPrompt {
color: #aaaaaa;
fontStyle: normal;
}
s|SkinnableTextBase:disabledWithPrompt {
color: #aaaaaa;
fontStyle: italic;
}

▼TextInput、TextArea別々の指定をする場合

s|TextInput:normalWithPrompt {
color: #CCCCFF;
fontStyle: italic;
}

s|TextArea:normalWithPrompt {
color: #CCCCFF;
fontStyle: italic;
}

s|TextInput:disabledWithPrompt {
color: #CCFFFF;
fontStyle: italic;
}

s|TextArea:disabledWithPrompt {
color: #CCFFFF;
fontStyle: italic;
}

簡単ですね。

 

== ランキングに参加しています。ぜひクリックお願いします ==

プログラム ブログランキングへ
にほんブログ村 IT技術ブログへ
にほんブログ村

, ,

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください