2012-03-24 24 views
0

GWT TextBoxのデフォルトの境界線の色を変更する方法を教えてください。 私はこのGWTテキストボックスの境界線の色を変更する方法

.gwt-TextBox:focus { 
    border: 1px solid #FF0000; 
} 

を試みたが、運と

デフォルト黄金色が残っている、と私の赤い色も追加しましたが、私は任意の赤い色で

をそのデフォルトの黄金色を交換する必要があります提案

ありがとう

+0

どのファイルに次の行を追加しましたか? –

答えて

0

これは、gwt jarで指定されたデフォルトの色です。だからあなたはそれをイントロにすることができます。 1.適用したすべてのスタイルをオーバーライドするスタイルシートを適用します。 2. jarを変更できます。おそらく

5
**Dependent styles** 

依存スタイル名が基本スタイルに依存しているstandard.cssになります...放火魔からそれに適用されるスタイルを見つけ、GWTジャーで変更を行う(あなたはどの選択肢を持っていけない未prefferableまで)名。従属スタイル名をウィジェットに追加すると、GWTは新しいスタイル名の先頭にウィジェットの主スタイル名をダッシュ​​( ' - ')で区切ります。 addStyleDependentName(String)およびremoveStyleDependentName(String)メソッドを使用して、依存スタイルを追加または削除することができます。

この動作を確認するには、簡単な例を見てください。 TextBoxウィジェットがあるとします。 setStylePrimaryName(String)を変更していない場合は、主なスタイル名はgwt-TextBoxです。ここで、前と同じインジケーター(赤い枠線)を使用して、テキストボックスの入力が無効であることを示したいとします。私たちは、次のコードを使用する場合:

我々は someTextBox.addStyleDependentName("invalidEntry")呼ば
someTextBox.addStyleDependentName("invalidEntry"); 

then both of the CSS style rules below will be applied: 

$PP_OFF 
.gwt-TextBox { 
    font-size: 12pt; 
} 

.gwt-TextBox-invalidEntry { 
    border-color: red; } 
} 

は、GWTは、最終的なスタイル名gwt-TextBox-invalidEntryを作成するために、依存スタイル名のinvalidEntryで基本スタイル名gwt-TextBoxを組み合わせます。

依存スタイルは、主スタイル名が変更されるたびに自動的に更新されるため、強力です。上記の例を続けて、この呼び出しでテキストボックスの主なスタイル名を変更する場合:

someTextBox.setStylePrimaryName("myTexBox"); 
関連する問題