This article explains how to display mouseover effect in GridView rows using only CSS. In this article, we are not going to use jQuery or JavaScript.


Introduction

Here we have used CSS style class which defines the GridView's row property that helps to display the hover effect when we will move mouse over that. TheRowStyle-CssClass property of the GridView has been set as "rowHover"; when GridView renders on the page, each row of the GridView (GridView is rendered on the page as html table) is rendered with "rowHover" CSS class that only takes effect when we mouse hover on the GridView row.

Get solution hundreds of real time .NET How to's click here.

Steps to follow

Define following CSS style in the .css file or on the .aspx page itself.

For More .. Check detail at Original Source