토글 버튼 누르기 색상

Question

내 애플리케이션에서 토글 버튼을 사용하고 있습니다. 버튼을 누를 때 배경색을 설정하고 싶습니다.

어떻게하면 적절한 속성인지 알 수 있습니까?

일반적으로 CSS 요소가 HTML 요소에 어떤 영향을 미치는지 알 수있는 곳이 있습니까?

Answer 1

, 다음

import com.google.gwt.user.client.ui.ToggleButton; 
final ToggleButton tb = new ToggleButton("my button text"); 
if (tb.isDown()) { 
    tb.addStyleName("pressed"); // or tb.setStyleName("pressed"); 
} 

및 CSS 파일 월 :

tb.getElement().getStyle().setProperty("background", "green"); 

: -

.pressed { background-color: blue; } /* any color you want */ 

또 다른 방법이 주어진 버튼의 단지 배경을 변경하려면

Answer 2

GWT가 jQuery와 비슷하지만 사용하지 않은 것을 알고 있습니다 ... jQuery를 사용하면이 작업을 수행 할 수 있습니다 (어떤 버튼 태그를 사용하고 있는지 확실하지 않으므로 두 가지를 모두 포함 시켰습니다).

CSS

input, button { 
background-color: #555; 
color: #ddd; 
} 
.clicked { 
background-color: #f80; 
} 

HTML

<button type="button">Click Me</button> 
<input type="button" value="Click Me" /> 

스크립트

$(document).ready(function(){ 
$('button, :button') 
    .mousedown(function(){ $(this).addClass('clicked') }) 
    .mouseup(function(){ $(this).removeClass('clicked') }) 
    .mouseout(function(){ $(this).removeClass('clicked') }); 
}) 

Answer 3

그리고 일반적으로 CSS 요소가 HTML 요소에 어떤 영향을 미치는지 알 수있는 곳이 있습니까?

예, 아마도 http://www.w3schools.com/css/은 대부분 필요한 것입니다. 찾고있는 CSS 속성에 대한 왼쪽 열을 확인하십시오.

첫 번째 질문에 대해서는 btn : active, btn : hover, btn : visited 속성을 사용할 수 있습니다. (즉, 귀하의 버튼을 클래스/아이디 'BTN'를 가지고있다.)

행운을 빌어 요 당신은 GWT ToggleButton을를 사용하는 경우