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

CSS自定义按钮？

1 个答案: