2012-06-07 119 views
0

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

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

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

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

+0

什么不适合你?无法理解您期待的造型,以及您不期待的事情。是的,asp.net可以看起来像你想要的任何东西。如果它“不起作用”,那目前只是你的错。尝试提供更多信息.. – walther

+0

一个asp:Button相当于一个html input type = button/submit元素。也许你会更喜欢asp:LinkBut​​ton,它会像你的锚标记那样呈现为真正的链接。此外,服务器端标记中的ID与客户端ID不匹配。在创建CSS时请记住这一点。 – Nikki9696

回答

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

+0

嗨,我正在使用IE 7.使用你的CSS风格的按钮看起来不错。但按钮的活动状态正在工作。这是因为IE的版本。谢谢 – ssmsnet

2

是的,您可以将jQuery & js添加到ASP.NET网站。如果你正在寻找的超级链接的风格,但ASP.NET功能,尽量使用ASP.NET了LinkBut​​ton

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

记住这一点 - ASP.NET使得对服务器做的工作更容易。 js使得在CLIENT上的工作更容易。

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

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