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

Question

我正在使用实体化模板，同时在 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>

Answer 1

您可以使用 link 而不是按钮 :

<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" 监听器！

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

how to create asp button with Materialize template

html

asp.net

materialize