how to set the hyperlink color to white

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>

 

Answer 1

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.

Answer 2

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;
}

 

Answer 3

User-257361011 posted

a

{

// give your style color font etc.

color:white;

which will change all hyperlink style

}

Answer 4

User-9639071 posted

Use this for white all hyperlink in document

a{color:white;}

this for line

<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

<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

<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>