css - 如何添加 anchor 符号

Question

当鼠标悬停在 Angular 时，我想在我的网址中添加一个 anchor 符号。这是我的代码，

<a ng-click="download(File)"><img src="images/filePic.png"/>{{filename}}</a> 

Answer 1

也许是这样

⚓ {{filename}}

<a ng-click="download(File)">&#9875; <img src="images/filePic.png"/>{{filename}}</a> 

---

使用 CSS 悬停更新

a:hover:after {
  content: ' \2693'
}

<a ng-click="download(File)"><img src="http://placehold.it/15x15"/> some filename</a>

---

更新 2 使用 CSS 悬停光标

a:hover {
  cursor: url('https://onedrive.live.com/download?resid=EC849DFEDB797EB9!1066&authkey=!AEmDTZM6b8_Ies0&ithint=file%2ccur'),auto;
}

<a ng-click="download(File)"><img src="http://placehold.it/15x15"/> some filename</a>

<br><br>
Note there is a small delay (first time hovering) from OneDrive before the anchor shows