How to remove underline of ASP.Net Link-button, Hyperlink and html anchor tag ( Hyperlink)

Jayesh 10:16:00



In this article i will give solution or explain how to remove underline of asp.net link-button, hyperlink controls and Html (hyperlink) tag.
This article is also explain to how to CSS(cascading style sheet) class (selector) and CSS properties.
Explain
I have explained How to remove underline of ASP.Net Link-button, Hyperlink and html anchor tag  ( Hyperlink).How to Checked /Unchecked All checkboxes using Jquery. 
Example
In the below code i take asp.net Linkbutton, Hyperlink  controls and html anchor tag (hyperlink ) and add to every link CSS class and its name removeUnderline  in which remove link underline of using CSS properties text-decoration is none set(which remove underline of link).
Remove Underline class 
1:  <style type="text/css">  
2:      .removeUnderline  
3:      {  
4:        text-decoration: none;  
5:      }  
6:  </style>
CSS Properties
text-decoration:none;
Code
1:  <html xmlns="http://www.w3.org/1999/xhtml">  
2:  <head runat="server">  
3:    <title>How to remove underline of ASP.Net LinkButton, HyperLink and html tag <a>( HyperLink)  
4:    </title>  
5:    <style type="text/css">  
6:      .removeUnderline  
7:      {  
8:        text-decoration: none;  
9:      }  
10:    </style>  
11:  </head>  
12:  <body>  
13:    <form id="form1" runat="server">  
14:    LinkButton:  
15:    <asp:LinkButton ID='lnkBtnBlog' runat='server' Text='CSharp on web' href="http://csharponweb.blogspot.in/"  
16:      CssClass="removeUnderline" title='Csharp on web'>CSharp On Web</asp:LinkButton>  
17:    <br />  
18:    HyperLink:  
19:    <asp:HyperLink ID='hprlnk' runat="server" Text="CSharp On Web" CssClass="removeUnderline"  
20:      title="CShaprOnWeb" href="http://csharponweb.blogspot.in/"></asp:HyperLink>  
21:    <br />  
22:    Html anchor tag: <a href="http://csharponweb.blogspot.in/" title='Csharp On web'  
23:      class="removeUnderline">CSharp On Web</a>  
24:    </form>  
25:  </body>  
26:  </html>
Thanks.
If this article is help you, then share this blog and its article and give your valuable comments…! J

Post a Comment

0 Comments