GWT TEXTBOX 테두리 색을 변경하는 방법

Question

어떻게 GWT ​​TextBox의 기본 테두리 색을 변경할 수 있습니까? 나는 노력이

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

하지만 운

황금 색상이 남아 기본, 나의 붉은 색상도 추가,하지만 난 빨간색으로

하나를 그 기본 황금 색상을 교체 할 필요가 제안

감사 GWT 항아리에 bydefault 색상을 부여

Answer 1

. 그래서 당신은 그것을 intwo 할 수 있습니다. 1. 적용한 모든 스타일보다 우선 적용되는 스타일 시트를 적용하십시오 ( ). 2. 병을 변경할 수 있습니다. 대부분의 아마

Answer 2

**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");