vaadin - 如何在 vaadin 中将按钮显示为链接

Question

我是 vaadin 新手。我有一个按钮，它应该看起来像一个链接。我创建了类似的按钮，

Button title = new Button(item.getSubmissionTitle());                           

title.setStyleName(BaseTheme.BUTTON_LINK);

我也尝试过使用

title.setStyleName("link);

但我仍然感受到了按钮的外观和感觉。有没有什么方法可以使用 css 更改按钮，或者有任何其他方法可以让按钮显示为链接。

编辑

我刚刚发现按钮正在从表中获取 css。并覆盖按钮样式。对于表，它写的是

table.setDebugId("submissionsTable_id");

表中按钮的 CSS 为:

#submissionsTable_id .v-table-cell-wrapper .v-button-caption{white-space:normal !important;text-decoration:none;}

#submissionsTable_id .submission-content{width:350px;}

#submissionsTable_id .v-table-cell-wrapper .v-button-caption:hover
{
    background:#3F1A7D;
    color: #FFFFFF;
}
#submissionsTable_id .v-button-caption:hover
{
    background:#3F1A7D;
    color: #FFFFFF;
}

现在，我如何排除链接按钮以覆盖表格的样式，或者如何向不应继承表格样式的按钮添加新样式。

Answer 1

为其他遇到此问题的人提供 future 引用。根据瓦丁在线之书: https://vaadin.com/book/vaadin7/-/page/components.button.html#figure.component.button.basic

Some built-in themes contain a small style, which you can enable by adding Reindeer.BUTTON_SMALL, etc. The BaseTheme also has a BUTTON_LINK style, which makes the button look like a hyperlink.

如果您使用驯鹿主题，代码将为:

title.setStyleName(Reindeer.BUTTON_LINK);