java - 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