GWT의 위젯 CSS 값을 변경하려면 어떻게해야합니까?

기본적으로 기본 테마 위젯을 좋아합니다. 그러나 글꼴 크기를 DecoratedStackPanel 위젯으로 변경해야합니다.GWT의 위젯 CSS 값을 변경하려면 어떻게해야합니까?

는 나는 이런 식으로 뭔가 함께 할 수 있어야한다고 생각합니다 :

decoratedStackPanel.getElement().getStyle().setProperty("fontSize", "12pt");

그러나 "fontSize는"은 속성에 대한 유효한 이름이 아닙니다 나는 방법 모든 요소의 속성을 얻는 방법을 찾지 못했습니다. 따라서 정확한 속성 이름을 알지 못합니다.

아이디어가 있으십니까?

상속 위젯 또는 맞춤 CSS 작성에 대해서는 게시하지 마십시오. 나는 기본 글꼴 하나를 좋아하지만 글꼴 크기. 이것은 가능한 afaik이어야합니다.

출처

2011-01-03 Xorty

CSS 클래스를 특정 클래스로 설정 한 다음 스타일을 지정하기 위해 CSS를 작성하는 것이 그리 쉽지는 않을 것입니다. CSS로 작성하는 것이 더 나을 때 왜 CSS 작성에 반대하는지 확신 할 수 없습니다. 코드보다 –

작은 위젯 용으로 CSS를 작성하는 것이 좋습니다. 그러나 다소 복잡합니다. – Xorty

fontSize가 정확하면 다음과 같이 사용하는 것이 가장 좋습니다.

decoratedStackPanel.getElement().getStyle().setFontSize(12, Unit.PT);

하지만 이것이 당신이 원하는 결과를 가져올 지 확신하지 못합니다. 그것은 전체 패널에 폰트 크기를 설정하고, 다른 폰트 크기가 그 엘리먼트에 사용될 자식 엘리먼트에 설정되면. 이 경우 특정 요소에 대한 CSS 항목이 더 좋을 것입니다. 예를 들어 :

.gwt-DecoratedStackPanel .gwt-StackPanelItem { 
    font-size:12pt !important; 
}

(! 중요한이 특정 글꼴 크기 설정을 사용하도록 강제하고,이 글꼴 크기를 사용 있는지 확인하려면 경우에만 사용해야없이 첫 번째 테스트를.).

출처

2011-01-03 16:45:12

큰이 hax가 작동했습니다.) – Xorty

다른 문제 ... 크기가 작동하는 동안 왜 이렇게하지 않습니까? font-weight : normal! important; 같은 규칙에 추가? – Xorty

실제 텍스트를 포함하는 하위 요소 일 수 있지만 font-weight는 포함하지만 font-size는 포함하지 않습니다. 예를 들어 크롬 브라우저 inspect 요소의 사용을 확인하여 어떤 속성이 설정되어 있는지 확인하십시오. gwt 스타일에는 글꼴 두께가 약간 굵은 글꼴이 있으므로 글꼴이 원인 일 수 있습니다. 그냥 중요한 css 요소에 맞게 설정해야합니다. –

당신은 스타일 속성을 설정하는 DOM 클래스를 사용할 수 있습니다

DOM.setStyleAttribute(decoratedStackPanel.getElement(), "fontSize", "12pt");

출처

2011-01-03 16:01:56

"fontSize"가 유효한 이름인지 알 수 없습니다 ... 그게 내가 묻는 것입니다. – Xorty

미안 해요, 글꼴 크기 여야하고 12pt라고 생각합니다. 글꼴 크기에 유효한 값이 아닙니다. 작거나 x- 작거나 xx- 작거나 12px 등일 수 있습니다. http://www.w3schools.com/css/pr_font_font-size.asp –

fontSize가 맞는지 확인하십시오. 자바 스크립트 속성을 사용해야합니다. font-size의 css 속성이 아닙니다. 다음 사이트에는 완전한 참조가 포함되어 있지만 fontSize는 작성자가 작업 한 것으로 확인되지 않았지만 gwt 스타일 소스는 fontSize를 사용합니다. http://www.comptechdoc.org/independent/web/cgi/javamanual/javastyle.html – LINEMAN78

fontSize는 글꼴 크기로 변환 될 수

출처

2011-01-03 16:03:42 maneesh

-1

당신은 스타일링 GWT 위젯에 대한 this 및 this을 확인 할 수 있습니다

출처

2011-01-03 16:05:07

GWT의 위젯 CSS 값을 변경하려면 어떻게해야합니까?

답변

관련 문제