How to change text color on Mouse Over for a bound column of an asp:DataGrid control ?

Here is the data bound column I need help with. More of the code and an explanation is shown below.

  <asp:BoundColumn DataField="SSNID" SortExpression="SSNID" HeaderStyle-ForeColor="black"  HeaderText="SSN. ID"></asp:BoundColumn>


Basically I  am working with a DataGrid control (Note, NOT a GridView control). I have a bound column below for the social security column,  "SSNID". When the application user
places their mouse cursor over the column header SSN. ID, I would like for the text color to change to a different color, like blue. Also it would be nice
if the cursor changes to a hand icon on hover. However just getting the text color to change on MouseOver is my main requirement right now that I am trying
to fulfill. Does anyone know how to do this?



 <asp:DataGrid ID="dgGridLIst" runat="server" Width="700px" CssClass="mainbody" PageSize="25" AutoGenerateColumns="False"  AllowPaging="True" OnSortCommand="Sort_DataGrid" AllowSorting="true" PagerStyle-PrevPageText="Prev" PagerStyle-NextPageText="<img src='~/images/cssgrid.gif' " OnPageIndexChanged="dgGridLIst_PageIndexChanged" OnItemCreated="dgGridLIst_ItemCreated">
        <HeaderStyle Font-Bold="True"></HeaderStyle>
        <Columns>
            <asp:TemplateColumn>
                <ItemTemplate>
                     <asp:HyperLink ID="HyperLink2" runat="server" Text="Select" NavigateUrl='<%#: GetRequestId(DataBinder.Eval(Container.DataItem, "SSNID").ToString()) %>' Target="_blank">Select</asp:HyperLink>
                </ItemTemplate>
            </asp:TemplateColumn>
            <asp:BoundColumn DataField="SSNID" SortExpression="SSNID" HeaderStyle-ForeColor="black"  HeaderText="SSN. ID"></asp:BoundColumn>
            <asp:TemplateColumn HeaderText="Stat.">
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" >
                                  <%# GetStatusDescription(DataBinder.Eval(Container.DataItem, "REQUEST_STS").ToString()) %>
                    </asp:Label>
                </ItemTemplate>
            </asp:TemplateColumn>
LVL 2
brgdotnetcontractorAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Russ SuterSenior Software DeveloperCommented:
It's easy with CSS but you'd have to write the CSS to the rendered HTML and not to the ASP.NET markup. Do you have a sample of the rendered page?
brgdotnetcontractorAuthor Commented:
No, I don't have a sample of the page. I have tried styling it with CSS, but it did not work. Do you know of any good CSS that can accomplish the job? Change text color on hover, and show a hand instead of the cursor.
Russ SuterSenior Software DeveloperCommented:
assuming you know how to target the correct element, here's a jsfiddle showing what you want.

https://jsfiddle.net/fadgLahj/

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
brgdotnetcontractorAuthor Commented:
THank you
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP.NET

From novice to tech pro — start learning today.