ASP.NET asp:Button与href - CSS样式

时间:2012-06-07 17:30:21

标签: asp.net html css

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

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

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

ASP.NET网站可以看起来像原始编码的HTML页面一样好,有大量的jQuery / js插件吗?

2 个答案:

答案 0 :(得分:2)

是的,你可以添加jQuery&amp; js到ASP.NET站点。如果您正在寻找超链接样式,但ASP.NET功能,请尝试使用ASP.NET LinkBut​​tons

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

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

通常,ASP.NET的按钮很容易拖放,您可以在开发过程中双击它们并添加代码以进行一些处理。

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

答案 1 :(得分:0)

我实际上正在寻找一种显示“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;
}

结果:

enter image description here