CSS自定义按钮？答案

【问题标题】：CSS to customize button?CSS自定义按钮？
【发布时间】：2014-02-15 19:33:08
【问题描述】：

如何自定义 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");

有什么想法吗？

【问题讨论】：

您只想设置高度、宽度和图像？文本不是已经居中了吗？
我想设置按钮的高度和宽度并集中图标（图像）

标签： java css frameworks vaadin vaadin7

【解决方案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

【讨论】：

是的，我做到了。有什么方法可以设置边框吗？例如：.v-button{border:1px solid black;} ?