如何在Asp.net网格视图上应用鼠标效果？

问题描述

我为网格视图创建了一个CSS类，并为网格视图的行悬停创建了一个类，但它没有发生我想要的，没有鼠标悬停效果。



这是网格视图设置

I have made a CSS class for grid view and a class for grid view's row hover but it is not happening that I want, there is no mouse over effect.

this is grid view setting

<asp:GridView ID="grd" runat="server" Width="99%" EnableViewState="False" AutoGenerateColumns="False" CssClass="grid-view" DataKeyNames="Nt">// some bound filds here <alternatingrowstyle backcolor="#FFB6C1" /> <rowstyle backcolor="White" forecolor="Black" font-names="Verdana" />

Css Class

Css Class

.grid-view tr.normal:hover { background-color: Green; }
.grid-view tr.alternate:hover { background-color: Green; }

推荐答案

<AlternatingRowStyle BackColor="#FFB6C1" CssClass="alternate" />

<RowStyle BackColor="White" ForeColor="Black" Font-Names="Verdana" CssClass="normal" />

1. [ ]。

2. []。



[/编辑]

1. How to display mouseover effect in GridView rows using only CSS?[^].
2. Code To Display Mouseover Effect In GridView Rows Using Only CSS[^].

[/Edit]

这篇关于如何在Asp.net网格视图上应用鼠标效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！