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

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

2 голосов
/ 12 августа 2011

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

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

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

Спасибо.

1 Ответ

5 голосов
/ 12 августа 2011

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

...