对所有按钮使用现有样式，而不在类属性中指定它

Question

我将 ASP.NET MVC 3 与 Razor 引擎以及最新版本的 Telerik MVC 控件一起使用。

在telerik.webblue.min.css中有2种样式，即t-button和t-state-default。它是在这样的按钮元素上实现的：

<button class="t-button t-state-default" type="submit">Apply</button>

我不想使用类属性来指定要使用的样式，我想在我自己的样式表中指定所有按钮元素必须使用这两种样式。我在样式表中尝试了以下操作，但它不起作用：

button,.t-button,.t-state-default{}

所以我想要在标记中拥有的只是：

<button type="submit">Apply</button>

我将如何做到这一点？

更新

当我查看源代码时，我看到的是这样的：

<link href="/Assets/yui_2.9.0/yui/build/reset-fonts-grids/reset-fonts-grids.css" rel="stylesheet" type="text/css">
<link href="/Assets/telerikaspnetmvc/2011.2.712/Content/telerik.common.min.css" rel="stylesheet" type="text/css">
<link href="/Assets/telerikaspnetmvc/2011.2.712/Content/telerik.webblue.min.css" rel="stylesheet" type="text/css">
<link href="/Assets/Stylesheets/hbf.css" rel="stylesheet" type="text/css">

在 Firebug 中，当我选择该按钮时，它会显示该按钮最顶层的样式，如下所示：

button, .t-button, .t-state-default {
}

hbf.css (line 26)

Answer 1

这应该有效。

中的所有样式放入

不过，您可以将.t-button,.t-state-default {}

单个规则中

标记为button {}

EDIT

我看到了问题。 （如果我理解正确的话）

这

button, .t-button, .t-state-default {
}

出现在您的 hbf.css 中

但是，它没有任何样式。 button 无法以这种方式引用其他样式。

.t-button, .t-state-default 仍在接收来自 telerik.webblue.min.css 样式表的样式。

为了使其正常工作，您需要将 button 添加到 telerik.webblue.min.css 样式表中。

Answer 2

更新：

button,
.t-button,
.t-state-default {
     border: 1px solid red;
     background: #ccc;
     width: 100px;
     height: 25px;
 }

请参阅演示：http://jsfiddle.net/rathoreahsan/Q2JwE/