gridview skin causes command links to become invisible

[eddiec]

Hi,

I have a gridview skin defined as follows:
In the css
.GridViewStyle
{
border-right: 2px solid #A7A6AA;
border-bottom: 2px solid #A7A6AA;
border-left: 2px solid white;
border-top: 2px solid white;
padding: 4px;
}

.GridViewStyle a
{
color: #FFFFFF;
}

.GridViewHeaderStyle th
{
border-left: 1px solid #EBE9ED;
border-right: 1px solid #EBE9ED;
}

.GridViewHeaderStyle
{
background-color: #5D7B9D;
font-weight: bold;
color: White;
}

.GridViewFooterStyle
{
background-color: #5D7B9D;
font-weight: bold;
color: White;
}

.GridViewRowStyle
{
background-color: #F7F6F3;
color: #333333;
}

.GridViewAlternatingRowStyle
{
background-color: #FFFFFF;
color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
border: 1px solid #EBE9ED;
}

.GridViewSelectedRowStyle
{
background-color: #E2DED6;
font-weight: bold;
color: #333333;
}

.GridViewPagerStyle
{
background-color: #284775;
color: #FFFFFF;
}

.GridViewPagerStyle table /* to center the paging links*/
{
margin: 0 auto 0 auto;
}

In the skin file:

<asp:GridView CssClass="GridViewStyle" runat="server" >
<CommandField ShowSelectButton="true" />
<FooterStyle CssClass="GridViewFooterStyle" />
<RowStyle CssClass="GridViewRowStyle" />
<SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
<PagerStyle CssClass="GridViewPagerStyle" />
<AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
<HeaderStyle CssClass="GridViewHeaderStyle" />
</asp:GridView>

This works fine with the exception that the text in the edit column is
invisible!
The edit column still appears and you can click on where the edit link
is and then update info using the update and cancel links, but all the
links are invisible.

Help!

cheers,

eddiec :-)

[Babun Mondal]

Repalce with  this code for color red....

.GridViewStyle a

{

   color: #FF0000;

[Babun Mondal]

Repalce with  this code for color red....

.GridViewStyle a

{

   color: #FF0000;

}

Hope this will work.