[1.0]Can NOT change Hyperlink style

  1. #1

    [1.0]Can NOT change Hyperlink style



    I'm using hyperlink in ext:Panel, it seems that i can not change the style of the hyperlink.


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="Server">
     <style type="text/css">
      a.topbaruserinfo, a.topbaruserinfo:link, a.topbaruserinfo:visited
      {
       text-decoration:none; color: #FFF;
      }
    
    
      a.topbaruserinfo:hover
      {
       text-decoration:underline;
      }
     </style>
    </head>
    <body>
     <form id="form1" runat="server">
      <ext:ResourceManager ID="ResourceManager1" runat="server">
      </ext:ResourceManager>
      <ext:Viewport ID="Viewport1" runat="server">
       <Items>
        <ext:BorderLayout ID="BorderLayout1" runat="server">
         <North>
          <ext:Panel ID="PanelNorth" runat="server" Header="false"  Height="38" PreventBodyReset="true" ContentEl="headerDiv">
          </ext:Panel>
         </North>
         <Center>
          <ext:TabPanel ID="Pages" runat="server" EnableTabScroll="true" Plain="true" >
           <Items>
            <ext:Panel runat="server" Title="Home" Padding="5" >
             <Content>
              <h1>Content</h1>
             </Content>
            </ext:Panel>
           </Items>
          </ext:TabPanel>
         </Center>
        </ext:BorderLayout>
       </Items>
      </ext:Viewport>
      <div id="headerDiv" style="border: 0 none; background: #1E4176 url(../images/hd-bg.gif) repeat-x 0 0; height: 36px;">
       <div style="float:right; color:#FFF; padding-top:8px; padding-right:8px;">
        <a href="#" class='topbaruserinfo' >Logout</a>
       
    
      
    
     </form>
    </body>
    </html>

    How to deal with this?


    Appreciate your help.



    Dexter
  2. #2

    RE: [1.0]Can NOT change Hyperlink style

    Hi,

    Add '!important' to the 'text-decoration' rule
    text-decoration:none !important;
  3. #3

    RE: [1.0]Can NOT change Hyperlink style

    Thanks a lot!

Similar Threads

  1. Change button style
    By flaviodamaia in forum 2.x Help
    Replies: 1
    Last Post: Jul 23, 2012, 12:38 PM
  2. change HyperLink NavigateUrl by Java Script
    By BLOZZY in forum 1.x Help
    Replies: 2
    Last Post: Aug 09, 2011, 11:32 AM
  3. How can I change style EXT
    By RMZ in forum 1.x Help
    Replies: 0
    Last Post: Jun 26, 2011, 6:18 AM
  4. change row style.
    By gpcontreras in forum 1.x Help
    Replies: 2
    Last Post: Jul 28, 2010, 5:33 PM
  5. Change CSS style
    By vivekrane1986 in forum 1.x Help
    Replies: 0
    Last Post: Jun 01, 2010, 5:52 AM

Posting Permissions