如何使用Materialize模板创建asp按钮

时间:2015-10-08 02:17:14

标签: html asp.net materialize

我正在使用materialize模板,同时在asp.net中创建一个按钮,所以当我创建简单的html按钮时,如下所示

<div class="input-field col s12 m6 l6">
     <button class="btn cyan waves-effect waves-light right" type="submit"      name="action">Login</button>                                                    
</div>

它正确呈现但是当我使用asp:button控件创建按钮时,如下所示

<div class="input-field col s12 m6 l6">
     <asp:Button ID="btn" runat="server" CssClass="btn cyan waves-effect waves-light right" Text="Aniket" />
</div>

呈现如下

<div class="input-field col s12 m6 l6">
   <i style="" class="btn cyan waves-effect waves-light right waves-input-wrapper">
   <input name="btn" value="Aniket" id="btn" class="waves-button-input" type="submit"></i>
</div>

1 个答案:

答案 0 :(得分:0)

您可以使用链接而不是按钮:

<div class="input-field col s12 m6 l6">
    <asp:LinkButton ID="btn" CssClass="btn cyan waves-effect waves-light right" runat="server" Text="Aniket"></asp:LinkButton>
</div>

这就是我所做的。 我甚至可以在上面放一个OnClick="Logon_Click"听众!