用圖像圖標替換編輯和刪除html按鈕

Question

在下面的jsfiddle中，一切正常。我試圖用edit.ico和delete.ico替換編輯和刪除。這兩個圖標文件都將位於同一個目錄中。我嘗試了很多我失去了方向的方法。對jQuery和Javascript來說很新穎，但我已經拼湊了一個基於此jsfiddle的應用程序。

Please see:http://jsfiddle.net/asifrc/EfRWZ/2/

我希望得到任何幫助任何人都可以給。

Answer 1

有不同的方法可以用圖標替換按鈕。以下是帶有編輯和刪除圖標的JSFiddle的一個分支。

http://jsfiddle.net/colinwhitmarsh/2nt3vc2r/1/

在你可以看到有一個<link/>標記加載谷歌的材料圖標https://design.google.com/icons/的HTML的頂部。這些免費且易於使用。如果你對圖標不熟悉並且想要嘗試，我推薦他們。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" 
rel="stylesheet"> 

要包含的圖標，我改變了<button>標籤<i>，添加class="material-icons"，並改變了文本的圖標的名稱。結帳design.google.com/icons以查找要使用的其他圖標的名稱。

改變

<button onclick='deleteRow(" + rowID + ")'>Delete</button> 

要

<i class='material-icons' onclick='deleteRow(" + rowID + ")'>delete</i> 

希望這有助於！