кнопка создания со значком в HTML-ссылке действия

Question

Можно ли поместить несколько значков или сделать кнопку в HTML-ссылке действия, потому что в настоящее время у меня есть просто текст с гиперссылкой:

вот мой код:

@Html.ActionLink(
                            "Remove",
                            "Delete",
                            new { id = item.name},
                            new { onclick = "return confirm('Are you sure you want to remove "+ @item.name +" to list ?');" })  

Answer 1

Можно добавить значки к помощнику ActionLink с помощью селекторов Bootstrap CSS.Поскольку целью действия является удаление данных, ваша кнопка должна иметь селектор CSS glyphicon-trash, связанный со ссылкой:

@Html.ActionLink("Remove", "Delete", new { id = item.name },
                  new { @class = "glyphicon glyphicon-trash", 
                  onclick = "return confirm('Are you sure you want to remove "+ @item.name +" to list ?');" })  

Answer 2

@Html.ActionLink("Remove","Delete", new { id = item.name}, new { @class = "glyphicon glyphicon-search", @tabindex = "20" }, new { onclick = "return confirm('Are you sure you want to remove "+ @item.name +" to list ?');" })

Answer 3

Вы можете просто применить класс CSS к объекту htmlAttributes.

<%= Html.ActionLink("Button Name", "Index", null, new { @class="classname" }) %>

и затем создать класс в своей таблице стилей

a.classname
{
    background: url(../Images/image.gif) no-repeat top left;
     display: block;
     width: 150px;
     height: 150px;
     text-indent: -9999px; /* hides the link text */
}

Answer 4

вы можете использовать класс для вашей иконки, как это

  @Html.ActionLink("action", "controller", new { id = yourid }, new { @title = "Edit", @class = "glyphicon glyphicon-pencil" })