C#, ASP.NET / 教程 /不同的按钮答案

【问题标题】：C#, ASP.NET / Tutorial /Different ButtonC#, ASP.NET / 教程 /不同的按钮
【发布时间】：2014-06-28 20:42:57
【问题描述】：

我正在学习本教程：

http://www.hongkiat.com/blog/css3-on-off-button/

我希望一切都一样，除了我想改变：

   <section>  
    <a rel="external" href="#button" id="button">&#xF011;</a>  
    <span></span>  
   </section>

到：

<section>
            <asp:Button CssClass="button" id="Button3" runat="server" OnClick="Button3_Click" Text="&quot;\uf011;&quot;" />
            <span></span>
                </section>

因为添加按钮然后对其进行编程更简单。一切正常，只是当我单击按钮时它不会变成白色并且红点不会变成绿色，我想这是因为在教程中按钮用作链接，如果我用 Visual Studio 添加它不是一个链接，我该怎么做，即使我用 Visual Studio 添加它，我也会像这样设置按钮的样式。

【问题讨论】：

将其更改为使用您的 css 类名称（按钮）而不是锚标记

标签： c# jquery css asp.net

【解决方案1】：

如果你想要一个超链接，你应该使用 LinkButton 元素。 Button 组件显示一个按钮元素。 LinkButton 呈现为具有一些额外属性的超链接。

<asp:LinkButton CssClass="button" id="Button3" runat="server" OnClick="Button3_Click" Text="&quot;\uf011;&quot;" />

您也可以尝试以下代码，以获得标准 a 标记的代码隐藏功能。

<section>  
    <a rel="external" href="#button" id="button" runat="server">&#xF011;</a>  
    <span></span>  
</section>

另一种选择是使用HyperLink 组件

<section>  
    <asp:HyperLink Text="&#xF011;" rel="external" href="#button" id="button" runat="server"></asp:HyperLink>  
    <span></span>  
</section>

你应该注意锚点的 id 属性。我的意思是，如果您没有将 id 属性设置为仅显示您提供的值，则 id 属性会以MainContent_ 开头。

有两种选择：

将 jQuery 的选择器从 $('#button') 更改为 $('#MainContent_button')
更改 .NET 设置以在不添加 MainContent_ 前缀的情况下显示元素。

【讨论】：

我试过了，但是不行，也许按钮是链接不是问题，我就是不知道为什么不工作，我做的一切都一样，只是那个改变，
感谢您的帮助，但我对其进行了重新编程： - 当单击 aspx.cs 中的按钮时调用另一个 css 文件，以重新设置按钮的样式，
@user3226944 您的解决方案会导致回发。