如何让UiBinder样式与.css文件相同?

时间:2011-11-23 10:33:42

标签: css gwt uibinder

我为这个模糊的标题道歉,但我想不出更好的方式来问它。我会尝试非常具体:

让我们说我创建一个新的GWT / AppEngine应用程序并拥有默认的示例应用程序。我看到按钮,并确定它们很好,我想使用它们。在css文件中,给按钮的样式是:

button.send {
   margin-top: 10px;
   float: right;
   padding: 10px 14px;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   color: #fff;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5D9AFE),
       to(#4785E8) );
   background: -moz-linear-gradient(top, #5D9AFE, #4785E8);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border: none;
}

button.send:active {
   margin-top: 10px;
   float: right;
   padding: 10px 14px;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   color: #fff;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4785E8),
       to(#5D9AFE) );
   background: -moz-linear-gradient(top, #4785E8, #5D9AFE);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border: none;
}

button.centerbtn {
   float: none;
   display: inline;
   margin: 0 auto;
}

button.centerbtn:active {
   float: none;
   display: inline;
   margin: 0 auto;
}

但是如果我尝试在UiBinder中使用它们,它们将不会自动应用于按钮。即使我通过设置它的样式手动将其应用于按钮,当我点击它时它也不会改变视觉效果(如弹出和向下)。

我渴望能够做到这一点,我想我会问,因为我正在尝试用弹出窗口,对话框等做类似的事情。

1 个答案:

答案 0 :(得分:0)

根据上面的人的评论将文字()放入其中,修改它,就像以编程方式更改类名一样。