Как изменить GWT TEXTBOX Цвет границы

Question

Как я могу изменить цвет рамки GWT TextBox по умолчанию. я попытался это

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

, но не повезло

по умолчанию золотистого цвета остается там, и мой красный цвет также добавили, но мне нужно заменить, что золотой цвет по умолчанию красного цвета

любому внушение

Благодаря

Answer 1

То есть bydefault цвет дан в GWT банку. Таким образом, вы можете сделать это полностью. 1. Либо вы применяете таблицу стилей, которая отменяет все применяемые вами стили. 2. Вы можете внести изменения в банку. (Не prefferable, пока вы не имеете никакого выбора) Найти стиль, примененный к нему с поджигатель и внести изменения в GWT баночку .. скорее всего это будет standard.css

Answer 2

**Dependent styles** 

Зависимые имена стилей зависят от основного стиля имя. Когда вы добавляете зависимое имя стиля в виджет, GWT будет префикс нового имени стиля с именем основного стиля виджетов, разделенным тире ('-'). Вы можете добавлять или удалять зависимые стили с помощью методов addStyleDependentName(String) и removeStyleDependentName(String).

Чтобы посмотреть, как это работает, мы рассмотрим простой пример. Допустим, у вас есть виджет TextBox. Если мы не вызвали setStylePrimaryName(String), чтобы изменить его, основным именем стиля является gwt-TextBox. Теперь предположим, что мы хотим показать, что вход в текстовое поле недействителен, используя тот же индикатор, что и раньше (красная рамка). Если мы используем следующий код:

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

Когда мы назвали someTextBox.addStyleDependentName("invalidEntry"), G совместили имя основного стиля gwt-TextBox с зависимым именем стиля invalidEntry создать окончательное название gwt-TextBox-invalidEntry стиля.

Зависимые стили являются мощными, потому что они автоматически обновляются при изменении основного имени стиля. Продолжая наш пример выше, если бы вы изменили имя основного стиля своего текстового поля с помощью этого вызова:

someTextBox.setStylePrimaryName("myTexBox");