英文:
AwesomeFont - How to apply a mouse pointer cursor to a fa-icon
问题
如何在 fa-icon 上应用鼠标指针/悬停?
我有以下的 Excel 图标 - 在悬停在图标上时,如何应用鼠标指针?
我尝试了以下方法。但不起作用。
<fa-icon aria-hidden="true" class="ng-fa-icon file excel **fa-hand-pointer**" ng-reflect-ng-class="file-excel' ng-reflect-icon-prop="far, file excel">
<svg aria-hidden data-icon="file-excel....
英文:
How do you apply a mouse pointer / hover on a fa-icon?
I have the following Excel Icon - how can apply a mouse pointer when hovering over the icon?
I have tried the following. But does not work.
<fa-icon aria-hidden="true" class="ng-fa-icon file excel **fa-hand-pointer**" ng-reflect-ng-class="file-excel' ng-reflect-icon-prop="far, file excel">
<svg aria-hidden data-icon="file-excel....
答案1
得分: 2
.fa-hand-pointer {
/* 为图标设置所需的样式 */
cursor: pointer; /* 将鼠标指针设置为手形图标 */
}
.fa-hand-pointer:hover {
/* 为悬停效果设置所需的样式 */
color: #f00; /* 设置颜色为红色 */
}
英文:
.fa-hand-pointer {
/* Set the desired styles for the icon */
cursor: pointer; /* Set the mouse pointer to a hand icon */
}
.fa-hand-pointer:hover {
/* Set the desired styles for the hover effect */
color: #f00;
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论