Overriding a style for the HyperlinkColumn in my datagrid: Please help me.

S

SStory

I have a style sheet for my site. It has various classes in it.
It has <A: styles defined for all anchor tags.

I have a datagrid in ASP.NET with a stylesheet linked to the page.

It defines links as yellow which is what I normally won't but in this case I
want to override the link color and can't seem to do it.

I set the forecolor in itemstyle prop. But it doesn't work.

Any ideas?

Shane
 
S

SStory

more detailed info on my problem :

Have a data grid--for simplicity's sake defined as follows.
just look at hyperlinkcolumn definition.

<asp:datagrid id="grid" runat="server" Width="680px"
CssClass="smallblacktext" DataKeyField="jobid" AllowPaging="True"
AutoGenerateColumns="False">
<asp:HyperLinkColumn DataNavigateUrlField="Email"
DataNavigateUrlFormatString="mailto:{0}" DataTextField="email"
HeaderText="Rep Email">
<ItemStyle ForeColor="Blue" Font-Names="Arial"
</ItemStyle>
</asp:HyperLinkColumn>
</asp:datagrid>

as you can see I am trying to override with forecolor="blue" because my grid
has a white background

styles.css contains this
and I want it that way for 80% of my pages; and I have other styles in there
that I want on all my pages. How can I override this for a HyperLinkColumn?
A:link {
text-decoration: none;
font-size: 8pt;
color: #ffff00;
}

A:visited {
text-decoration: none;
font-size: 8pt;
color: #ffda00;
}

A:active {
text-decoration: none;
font-size: 8pt;
color: #FFFF00;
}

A:hover {
text-decoration: underline;
font-size: 8pt;
color: #FFFFFF;
 
D

David

more detailed info on my problem :

Have a data grid--for simplicity's sake defined as follows.
just look at hyperlinkcolumn definition.

<asp:datagrid id="grid" runat="server" Width="680px"
CssClass="smallblacktext" DataKeyField="jobid" AllowPaging="True"
AutoGenerateColumns="False">
<asp:HyperLinkColumn DataNavigateUrlField="Email"
DataNavigateUrlFormatString="mailto:{0}" DataTextField="email"
HeaderText="Rep Email">

<asp:HyperLinkColumn ... ItemStyle-CssClass="MyHlStyle" />

and in the stylesheet

..MyHlStyle A:link, .MyHlStyle A:visited
{
color: purple;
font-size: 128pt
}


or whatever you want. That won't affect your normal <A> tags, just the
ones inside your specific hyperlink column.
 
S

SStory

Hey man you are great!!!
I have been all over the world for an answer to this and no one has
responded!

Thanks so much for the response! Works great! As you can tell I am new to
CSS.

Shane
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,769
Messages
2,569,580
Members
45,053
Latest member
BrodieSola

Latest Threads

Top