ASP.NET asp:Button vs. a href - CSS 样式答案

【问题标题】：ASP.NET asp:Button vs. a href - CSS StylingASP.NET asp:Button vs. a href - CSS 样式
【发布时间】：2012-06-07 17:30:21
【问题描述】：

请原谅“菜鸟”的问题，但有人可以解释一下 ASP.NET 按钮的工作方式。我正在尝试在由 C# 中的服务器端事件处理程序驱动的 ASP.NET 中设置我的按钮样式。即单击按钮，然后将值写回 SQL Server。显然这不适用于href？

<a href="#" class="myStyle">Submit</a>

<asp:Button ID="btnSubmit" runat="server" Text="Submit" CssClass="myStyle" />

带有大量 jQuery/js 插件的 ASP.NET 网站能否看起来像原始编码的 HTML 页面一样好？

【问题讨论】：

什么不适合你？无法理解您期望的样式以及您不期望的究竟发生了什么。是的，asp.net 可以看起来像任何你想要的样式。如果它“不起作用”，那现在完全是你的错。尝试提供更多信息..
一个 asp:Button 相当于一个 html input type=button/submit 元素。也许你更喜欢 asp:LinkButton，它被呈现为一个真实的链接，就像你的锚标记一样。此外，服务器端标签中的 ID 与客户端 ID 不匹配。创建 CSS 时请记住这一点。

标签： asp.net html css

【解决方案1】：

是的，您可以将 jQuery 和 js 添加到 ASP.NET 站点。如果您正在寻找超链接样式，但 ASP.NET 功能，请尝试使用 ASP.NET LinkButtons

<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>

记住这一点 - ASP.NET 使在 SERVER 上的工作变得更容易。 jQuery & js 使在 CLIENT 上的工作更容易。

通常 ASP.NET 的按钮是简单的拖放块，您可以在开发过程中双击它们并在后面添加代码以进行一些处理。

为了让我们帮助您解决样式问题，您必须向我们展示您正在使用的 CSS。

【讨论】：

【解决方案2】：

我实际上是在寻找一种显示“Windows 按钮”的好方法。我找到了一个不错的解决方案...这是代码：

.aspx 代码：

<asp:Button ID="btnInsert" runat="server" CssClass="btn_normal" Text="Add" OnClick="btnInsert_Click" />

.css 代码：

.btn_normal
{
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #565656;
    height: 25px;
}
.btn_normal:hover
{
    font-family: Arial, sans-serif;
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
    font-size: 12px;
    height: 25px;
}
.btn_normal:active
{
    font-family: Arial, sans-serif;
    background-color: #529214;
    border: 1px solid #C6D880;
    color: #fff;
    font-size: 12px;
    height: 25px;
}

结果：

【讨论】：

您好，我使用的是 IE 7。使用您的 CSS 设置按钮样式看起来不错。但是按钮的活动状态正在工作。是不是因为IE版本。谢谢