locked
how to set the hyperlink color to white RRS feed

  • Question

  • User1825402209 posted

    Hi All,

     

    I have just written a menu but unable to set the link color to white.

    I am not able to find out, What should be the CSS Class to get the link color set to the below link

    "AspNet-Menu-toplevel1  AspNet-Menu-Selected"

     

    <div class="mainMenu" id="ctl00_mainMenu">
    	<div class="AspNet-Menu-Horizontal">
    			<ul class="AspNet-Menu">
    				<li class="AspNet-Menu-toplevel1  AspNet-Menu-Selected">
    					<a href="/CR System/Pages/Default.aspx" class="AspNet-Menu-Link  AspNet-Menu-Selected">
    						SEARCH REQUEST</a>
    				</li>
    				<li class="AspNet-Menu-toplevel2">
    					<a href="/CR System/Pages/NewRequest.aspx" class="AspNet-Menu-Link">
    						NEW REQUEST</a>
    				</li>
    			</ul>
    
    	</div>
    </div>


     

    Monday, December 7, 2009 11:53 AM

Answers

  • User-9639071 posted

    Use this for white all hyperlink in document Cool

    a{color:white;}

    this for line Cool

    <div id="ctl00_mainMenu">  
         <div>  
                 <ul>  
                     <li >  
                         <a href="/CR System/Pages/Default.aspx" style="color:white;">  
                             SEARCH REQUEST</a>  
                     </li>  
                     <li>  
                         <a href="/CR System/Pages/NewRequest.aspx">  
                             NEW REQUEST</a>  
                     </li>  
                 </ul>  
       
         </div>  
     </div>


    Use this for Internal Cool

    <style>
    .alink
    {

    color:red;

    }

    </style>

    <div class="mainMenu" id="ctl00_mainMenu">

    <div class="AspNet-Menu-Horizontal">

    <ul class="AspNet-Menu">

    <li class="AspNet-Menu-toplevel1 AspNet-Menu-Selected" >

    <a href="/CR System/Pages/Default.aspx" class="AspNet-Menu-Link AspNet-Menu-Selected alink" >

    SEARCH REQUEST</a>

    </li>

    <li class="AspNet-Menu-toplevel2">

    <a href="/CR System/Pages/NewRequest.aspx" class="AspNet-Menu-Link">

    NEW REQUEST</a>

    </li>

    </ul>

     

    </div>

    </div>


    Use this for innerhtml control specific Cool

    <style>

    .AspNet-Menu-Horizontal ul li a

    {

     

    color:red;

     

    }

     

    </style>

     

    <div class="mainMenu" id="ctl00_mainMenu">

    <div class="AspNet-Menu-Horizontal">

    <ul class="AspNet-Menu">

    <li class="AspNet-Menu-toplevel1 AspNet-Menu-Selected" >

    <a href="/CR System/Pages/Default.aspx" class="AspNet-Menu-Link AspNet-Menu-Selected alink" >

    SEARCH REQUEST</a>

    </li>

    <li class="AspNet-Menu-toplevel2">

    <a href="/CR System/Pages/NewRequest.aspx" class="AspNet-Menu-Link">

    NEW REQUEST</a>

    </li>

    </ul>

     

    </div>

    </div>


    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, December 7, 2009 1:18 PM

All replies

  • User572212476 posted

    Hi Chalam

    You can use something like this.

    <a href="/CR System/Pages/Default.aspx" class="AspNet-Menu-Link  AspNet-Menu-Selected" style="color:#fff">SEARCH REQUEST</a>

    Or paste here the styles you have to see which has the white color.

    Greetings.

    Monday, December 7, 2009 12:49 PM
  • User1825402209 posted

    To Rephrase,

    with the above piece of html

    if I give  the below class, it does not render white for the menu text

    .mainMenu .AspNet-Menu-Link  AspNet-Menu-Selected
    {
    	 color: White;
    }


     

    Monday, December 7, 2009 12:55 PM
  • User-257361011 posted

    a

    {

    // give your style color font etc.

    color:white;

    which will change all hyperlink style

    }

    Monday, December 7, 2009 12:57 PM
  • User-9639071 posted

    Use this for white all hyperlink in document Cool

    a{color:white;}

    this for line Cool

    <div id="ctl00_mainMenu">  
         <div>  
                 <ul>  
                     <li >  
                         <a href="/CR System/Pages/Default.aspx" style="color:white;">  
                             SEARCH REQUEST</a>  
                     </li>  
                     <li>  
                         <a href="/CR System/Pages/NewRequest.aspx">  
                             NEW REQUEST</a>  
                     </li>  
                 </ul>  
       
         </div>  
     </div>


    Use this for Internal Cool

    <style>
    .alink
    {

    color:red;

    }

    </style>

    <div class="mainMenu" id="ctl00_mainMenu">

    <div class="AspNet-Menu-Horizontal">

    <ul class="AspNet-Menu">

    <li class="AspNet-Menu-toplevel1 AspNet-Menu-Selected" >

    <a href="/CR System/Pages/Default.aspx" class="AspNet-Menu-Link AspNet-Menu-Selected alink" >

    SEARCH REQUEST</a>

    </li>

    <li class="AspNet-Menu-toplevel2">

    <a href="/CR System/Pages/NewRequest.aspx" class="AspNet-Menu-Link">

    NEW REQUEST</a>

    </li>

    </ul>

     

    </div>

    </div>


    Use this for innerhtml control specific Cool

    <style>

    .AspNet-Menu-Horizontal ul li a

    {

     

    color:red;

     

    }

     

    </style>

     

    <div class="mainMenu" id="ctl00_mainMenu">

    <div class="AspNet-Menu-Horizontal">

    <ul class="AspNet-Menu">

    <li class="AspNet-Menu-toplevel1 AspNet-Menu-Selected" >

    <a href="/CR System/Pages/Default.aspx" class="AspNet-Menu-Link AspNet-Menu-Selected alink" >

    SEARCH REQUEST</a>

    </li>

    <li class="AspNet-Menu-toplevel2">

    <a href="/CR System/Pages/NewRequest.aspx" class="AspNet-Menu-Link">

    NEW REQUEST</a>

    </li>

    </ul>

     

    </div>

    </div>


    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, December 7, 2009 1:18 PM