Как изменить фоновое изображение при наведении asp:CommandField в Gridview

Question

Как изменить фоновое изображение при наведении asp:CommandField в Gridview

Это код для CommandField с фоновым изображением.

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

Я хотел бы показать это изображение "~/cms_images/cancel-hover.gif" когда пользователь наводит курсор на CommandField.
Как мне это сделать?

Благодарю.

2

asp.net gridview onmouseover commandfield

Источник

user315445 12 авг '11 в 05:01

1 ответ

Решение

Другие вопросы по тегам asp.net gridview onmouseover commandfield

user728795 12 авг '11 в 05:48 2011-08-12 05:48 · Accepted Answer · 2011-08-12 05:48

Вы можете сделать это с помощью 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 относительно местоположения страницы. В приведенном выше коде я предполагаю, что страница находится в корневой папке веб-сайта.