2016-08-26 5 views
0

I GWTでテキストボックスのプレースホルダを変更し、次のコードを持っている:どのようにGWT要素にプレースホルダの色を変更する

A.getElement().setAttribute("placeholder", "please enter name:"); 

//getElement returns an instance of "com.google.gwt.user.client.Element" 

質問:はどのようにこの要素のプレースホルダの色を変更するには何か他のもの(赤のようなもの)にして、それをデフォルトに戻しますか?

+3

三つの言葉[カスケーディングスタイルシート(https://css-tricks.com/snippets/ CSS /スタイル - プレースホルダ - テキスト/)。 –

+0

@BoristheSpiderそれは本当です;それをGWTにどのように追加しますか?あなたはそれを答えにしてください。これがGWTとどのように機能するかは不明です。 – qartal

+1

GWTでCSSを使うにはどうすればいいですか?私はこのQ&Aの話題が広すぎると思います。おそらく学ばなければならないと言っても過言ではありません。 GWTでCSSを使う方法がわからない場合は、どのようにスタイルを設定しますか? –

答えて

0

stylesheet.cssに新しいスタイルを追加し、それを入力要素に追加します。
HERESに簡単な例:

A.getElement().setAttribute("placeholder", "please enter name:"); 
// add the style for a red text 
A.addStyleName("redPlaceHolder"); 
// remove it when youre done and it will change back to default 
// A.removeStyleName("redPlaceHolder"); 

CSS:

.redPlaceHolder::-webkit-input-placeholder { 
    color: red; 
} 

.redPlaceHolder:-moz-placeholder { 
    color: red; 
} 

.redPlaceHolder::-moz-placeholder { 
    color: red; 
} 

.redPlaceHolder:-ms-input-placeholder { 
    color: red; 
} 

JSFiddle例

https://jsfiddle.net/4zydnufe/1/
関連する問題