CSS自定義按鈕？

如何我可以自定義vaadin的按鈕？我正在嘗試設置的高度和寬度，但不工作，我嘗試在按鈕的中心對齊的形象也並不起作用。CSS自定義按鈕？

我正在試着這個。

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

有什麼想法嗎？

來源

2014-01-24 FernandoPaiva

你只是想設置高度，寬度和圖像？文本是否已經居中？ – nexus

我想設置高度和按鈕的寬度和集中的圖標（圖像） – FernandoPaiva

創建具有隻是一個圖標的按鈕是很容易的。如果你想懸停效果，它變得非常棘手，因此，你應該使用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

來源

2014-01-24 18:34:08 nexus

是的，我這樣做。有一些設置邊界的方法？例如：.v-button {border：1px純黑色;}？ – FernandoPaiva

現在正常工作！謝謝。 – FernandoPaiva

CSS自定義按鈕？

回答

相關問題