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

Question

这是CommandField的代码,背景图片.

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

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

谢谢.

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.在上面的代码中,我假设页面位于网站的根文件夹中.