Question

我使用带有Razor引擎的ASP.NET MVC 3以及最新版本的Telerik MVC控件。

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

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

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

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

修改

根据您的更新，我认为我发现了问题。（如果我理解正确的话）

这个

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/

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

2 个答案: