버튼을 사용자 정의하는 CSS?

Question

어떻게 vaadin의 버튼을 사용자 정의 할 수 있습니까? 높이와 너비를 설정하려고하지만 작동하지 않으며 버튼 중심에 이미지를 정렬하려고 시도하고 작동하지 않습니다.

나는 이것을 시도하고있다.

/** css file styles.scss */ 
.myButton{ 
     width:60px; 
     height:60px; 
     border:none; 
     text-align:center; 
} 

/** my button */ 
Button btnMyButton = new Button(); 
btnMyButton.setIcon(new ThemeResource("../icons/myicon.png")); 
btnMyButton.addStyleName("myButton"); 

어떤 아이디어가 있습니까?

Answer 1

아이콘 만있는 단추를 만드는 것은 매우 쉽습니다. 마우스 오버 효과를 원할 경우 까다로워 지므로 NativeButton을 사용해야합니다.

Button btnLogout = new Button(); 
btnLogout.setIcon(new ThemeResource("icons/logout.png")); 
btnLogout.addStyleName(Reindeer.BUTTON_LINK); // define it as a link button => no borders, just the icon. Every theme has this style-name. 
btnLogout.setDescription("Logout"); // set hint