wie GWT TEXTBOX ändern Border Farbe

Question

Wie kann ich die Standard-Rahmenfarbe von GWT TextBox ändern. Ich habe versucht, diese

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

aber ohne Glück

die Standard-goldene Farbe dort bleiben, und meine rote Farbe auch hinzugefügt, aber ich brauche, dass die Standard-goldene Farbe mit roter Farbe

jede ersetzen Vorschlag

Dank

Answer 1

die bydefault Farbe im gwt Glas gegeben. So können Sie es in zwei Richtungen tun. 1. Entweder wenden Sie ein Stylesheet an, das alle von Ihnen angewendeten Stile überschreibt 2. Sie können Änderungen in jar vornehmen. (Nicht prefferable bis Sie nicht andere Wahl) Finden Sie die auf sie angewendet Stil von Firebug und machen Änderung in gwt jar .. höchstwahrscheinlich wird es

Answer 2

**Dependent styles** 

Dependent Stilnamen standard.css sein sind abhängig von der primären Stil Name. Wenn Sie einem Widget einen abhängigen Stilnamen hinzufügen, wird GWT dem neuen Stilnamen den primären Stilnamen des Widgets voranstellen, der durch einen Bindestrich ('-') getrennt ist. Sie können abhängige Stile mit den Methoden addStyleDependentName(String) und removeStyleDependentName(String) hinzufügen oder entfernen.

Um zu sehen, wie das funktioniert, werden wir ein einfaches Beispiel durchgehen. Nehmen wir an, Sie haben ein TextBox Widget. Wenn wir setStylePrimaryName(String) nicht aufgerufen haben, um sie zu ändern, lautet der Name des primären Stils gwt-TextBox. Nehmen wir nun an, wir möchten zeigen, dass die Eingabe in das Textfeld ungültig ist und denselben Indikator wie zuvor verwendet (roter Rahmen). Wenn wir den folgenden Code verwenden:

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

Wenn wir genannt someTextBox.addStyleDependentName("invalidEntry"), kombiniert GWT die primären Artnamen gwt-TextBox mit der abhängigen Artnamen invalidEntry die endgültigen Artnamen gwt-TextBox-invalidEntry zu erstellen.

Abhängige Stile sind leistungsstark, da sie automatisch aktualisiert werden, wenn sich der primäre Stilname ändert. Fahren Sie mit unserem obigen Beispiel fort, wenn Sie den primären Stilnamen Ihres Textfelds mit diesem Aufruf ändern würden: