相关疑难解决方法(0)

我敢肯定以前必须提到/问过,但一直在寻找没有运气的年龄,我的术语一定是错的!

我依稀记得我刚才看到的一条推文,它提示有一条css规则可以删除以前在样式表中为特定元素设置的任何样式.

一个很好的使用示例可能是在移动优先的RWD站点中,其中用于小屏幕视图中的特定元素的大部分样式需要"重置"或移除桌面视图中的相同元素.

一个css规则,可以实现如下:

.element {
  all: none;
}

用法示例:

/* mobile first */
.element {
   margin: 0 10;
   transform: translate3d(0, 0, 0);
   z-index: 50;
   display: block;
   etc..
   etc..
}

@media only screen and (min-width: 980px) {
  .element {
    all: none;
  }
}

因此,我们可以快速删除或重新设置样式,而无需声明每个属性.

说得通？

我是vaadin的新手.我有一个按钮应该看起来像一个链接.我创建了按钮,

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;
}

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