2

私はvaadinが初めてです。リンクのように見えるボタンが1つあります。のようなボタンを作成しました。

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

title.setStyleName(BaseTheme.BUTTON_LINK);

私も使ってみました

title.setStyleName("リンク);

しかし、まだボタンのルックアンドフィールを得ています。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;
}

リンクボタンを除外してテーブルのスタイルをオーバーライドする方法、またはテーブルのスタイルを継承しないボタンに新しいスタイルを追加する方法を教えてください。

4

3 に答える 3

2

この投稿によると、特定の要素のスタイルをリセットすることは明らかに不可能です。リンクの側面をシミュレートするには、その要素の css プロパティを選択的に上書きする必要があります。

参考になれば、リンクの外観と動作をある程度シミュレートする、私が探し出した CSS を以下に示します。

a:link {
color: #0000FF;
background-color:#FFF;
text-decoration:underline;
}    

a:visited {
color: #800080;
background-color:#FFF;
text-decoration:underline;
}

a:hover {
color: #0000FF;
background-color:#FFF;
text-decoration:none;
}   

a:active {
color: #FF0000;
background-color:#FFF;
text-decoration:none;
}

バニラ リンクのデフォルトの外観と動作は、表示するブラウザによって異なることに注意してください。

于 2014-04-04T14:56:48.550 に答える