Question

当用户点击gridview中的编辑时，我想突出显示该行，这是我所做的但没有效果。我还缺少什么？

.SelectedRowStyle
{
    background-color: Yellow;
}

<asp:GridView runat="server" CssClass="DataWebControlStyle">
   <AlternatingRowStyle CssClass="AlternatingRowStyle" />
   <RowStyle CssClass="RowStyle" />
   <HeaderStyle CssClass="HeaderStyle" />
   <SelectedRowStyle CssClass="SelectedRowStyle" />
</asp:GridView>

Answer 1

你试过EditRowStyle吗？

.EditRowStyle
{
    background-color: Yellow;
}

<asp:GridView runat="server" CssClass="DataWebControlStyle">
   <AlternatingRowStyle CssClass="AlternatingRowStyle" />
   <RowStyle CssClass="RowStyle" />
   <HeaderStyle CssClass="HeaderStyle" />
   <EditRowStyle CssClass="EditRowStyle" />
</asp:GridView>

Answer 2

以下是我能够解决的问题：

if ((e.Row.RowType == DataControlRowType.DataRow & ((e.Row.RowState & DataControlRowState.Edit) == DataControlRowState.Edit))) {   
         e.Row.BackColor = Drawing.Color.Yellow;   
     }

Answer 3

EditRowStyle类适用于<tr>而非<td>。因此，如果您.SelectedRowStyle td {c}将正确应用css。

这就是我使用的：

<EditRowStyle CssClass="selectedRowStyle" />

然后是CSS

.selectedRowStyle td
{
    background-color: green;
}

Answer 4

可能这行代码可以帮助您：

.DataWebControlStyle tr:hover
{
    background-color: Yellow;
}

<asp:GridView runat="server" CssClass="DataWebControlStyle">
   <AlternatingRowStyle CssClass="AlternatingRowStyle" />
   <RowStyle CssClass="RowStyle" />
   <HeaderStyle CssClass="HeaderStyle" />
</asp:GridView>

突出显示所选行GridView

4 个答案: