將圖標添加到按鈕

我有一個很好的腳本。將圖標添加到按鈕

<button id="sample_editable_1_new" class="btn sbold green"> 
    Add New 
    <i class="fa fa-plus"></i> 
</button>

我想更改爲使用下面的腳本。

@Html.ActionLink("Add New", "Create", "Customer", null, new { @class = "btn sbold green", xxx})

如何添加屬性？

來源

2016-03-03 VeecoTech

你不能用'ActionLink的（）'方法的類添加到您的動作鏈接。您可以創建自己的HtmlHelper擴展方法來生成html或使用'Add New'（及其html，而不是腳本） –

你可以使用一個CSS類追加加字符的鏈接。

.plus-icon:after { content: "\f067"; font-family: 'FontAwesome'; padding-left: 5px; }

然後

@Html.ActionLink("Add New", "Create", "Customer", null, new { @class = "btn sbold green plus-icon", xxx})

來源

2016-03-03 10:15:52 scoon1329

實際上並不是一個壞主意，+1。 –

@Html.ActionLink生成<a>標記如果要使用按鈕，您應該使用js或將button更改爲a標記。

這是更好地與@Url.Action幫手生成它，如果你不希望任何JS：

<a href='@Url.Action("Create", "Customer")' 
    id="sample_editable_1_new" 
    class="btn sbold green"> 
    Add New 
    <i class="fa fa-plus"></i> 
</a>

來源

2016-03-03 10:13:11

Html.ActionLink("Create New", "Create", CONTROLLERNAME, null, new { @class= "yourCSSclass"} 

Html.ActionLink(link text, action name, controller name, route values object, html attributes object) 

Html.ActionLink(
"Create New", 
"Create", 
CONTROLLERNAME, 
null, 
new { @class= "yourCSSclass", @style= "width:100px; color: red;" } 
)

來源

2016-03-03 10:30:19 gingeevimal

答案應該提供解釋和代碼，而不僅僅是代碼。 – Alexei

將圖標添加到按鈕

回答

相關問題