如何在Gridview中悬停asp：CommandField时更改背景图像

Question

这是CommandField的代码，背景图片。

<asp:CommandField DeleteImageUrl="~/cms_images/cancel.gif" ShowDeleteButton="true" ButtonType="Image" />

当用户在CommandField上盘旋时，我想显示此图片"~/cms_images/cancel-hover.gif" 我该怎么做？

感谢。

Answer 1

您可以使用CSS完成此操作。在页面标记中，您只需要为命令字段声明一个特定的样式 - 实际上这是按钮的CSS样式：

<asp:CommandField ShowDeleteButton="true" ButtonType="Button" ControlStyle-CssClass="cancel" />

在.css文件中定义此样式，并定义用户悬停元素时它的变化方式：

.cancel
{
    background-image: url(cms_images/cancel.gif);
}

.cancel:hover
{
    background-image: url(cms_images/cancel-hover.gif);
}

请注意，在CSS中，您应该提供相对于页面位置的URL。在上面的代码中，我假设页面位于网站的根文件夹中。