使用Bootstrap编辑Telerik中的按钮样式

时间:2013-05-16 00:02:43

标签: .net css twitter-bootstrap telerik

我不是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 ++进行编辑:)

提前完成

1 个答案:

答案 0 :(得分:0)

我不确定你想要实现什么,但我发现你已经禁用了控件附带的嵌入式皮肤和样式表,所以你真的不能期望它看起来应该如此。尝试设置 EnableEmbeddedSkins =“true”EnableEmbeddedBaseStylesheet =“true”,看看情况如何。

然后,如果您需要进一步设置控件的样式 - 使用标准HTML元素,这将使您更容易(您不必覆盖供应商的自定义CSS规则),或者查看本文以查看哪些类去RadButton的地方:http://www.telerik.com/help/aspnet-ajax/button_appearancecssfileselectors.html