在 Telerik 中使用 Bootstrap 编辑按钮样式答案

【问题标题】：Editing button styles in Telerik with Bootstrap在 Telerik 中使用 Bootstrap 编辑按钮样式
【发布时间】：2013-05-16 00:02:42
【问题描述】：

我不是一个 aspx 编码器，但我试图在一个使用 Telerik 和 Bootstrap 的 aspx 页面上设置一个按钮的样式。所以，代码是这样的，

<telerik:RadButton CssClass="btn btn-primary" ID="rbtnGiris" runat="server" Text="Giriş" OnClick="rbtnGiris_Click" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false">
</telerik:RadButton>

而渲染出来的HTML如下，

<a href="javascript:void(0)" class="RadButton RadButton_Default rbSkinnedButton" id="rbtnGiris">
<input type="submit" value="Giriş" id="rbtnGiris_input" name="rbtnGiris" class="btn btn-primary" tabindex="-1">
<input type="hidden" name="rbtnGiris_ClientState" id="rbtnGiris_ClientState" autocomplete="off">
</a>

所以你可以猜到按钮看起来不正确，因为它针对的是“a”元素。我找不到如何正确更改它。

有人知道如何操纵可爱的 Telerik 外观吗？让我知道这是否需要任何 .Net 编码技能或 Visual Stuido，因为我得到了一个 .aspx 页面，我正在使用 Notepad++ 进行编辑 :)

提前感谢

【问题讨论】：

您在单选按钮上使用普通按钮 css 类，这不会真正产生所需的结果。此页面表明它的价值可能太麻烦了：groups.google.com/forum/#!msg/twitter-bootstrap/KIwM_-T461o/…

标签： .net css twitter-bootstrap telerik

【解决方案1】：

我不确定您到底想要实现什么，但我看到您禁用了控件附带的嵌入式皮肤和样式表，因此您不能真正期望它看起来应该如此。尝试设置 EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true" 看看情况如何。

然后，如果您需要进一步设置控件的样式 - 要么使用标准的 HTML 元素，这将使您更轻松（您不必覆盖供应商的自定义 CSS 规则），或者查看本文以查看哪些类在 RadButton 中去哪里：http://www.telerik.com/help/aspnet-ajax/button_appearancecssfileselectors.html。

【讨论】：