我可以在启动按钮上添加图标吗？

Question

我一直在尝试将http://seehowsupport.com/font-awesome/网站上的图标添加到我的p按钮中。

<div class="ui-g-12">
    <button pButton id="selectFile" (click)="selectFile()" label="+ Select File..."></button>
</div>

在这里，我希望从网址上方设置图标代替标签中的“ +”。我听说将css中的某些content属性更改为\ f067可以做到，但是我不确定如何做到。 谢谢

Answer 1

  

使用icon属性指定按钮上的图标，并使用iconPos属性自定义位置。保留默认图标位置。要仅显示图标，请将标签保留为未定义。

有两种方法可以将图标添加到“启动按钮”。

<button pButton type="button" icon="pi pi-check" iconPos="left"></button>
<p-button label="Click" icon="fa fa-check" iconPos="left"></p-button>

working Example

有关文档的更多信息-

• https://primefaces.org/primeng/#/button

Answer 2

使用这种方式可以在其文档中显示并有效。

<div class="ui-g-12">
    <button pButton id="selectFile" (click)="selectFile()" label="Select File..."><i class="fas fa-500px"></i>Text</button>
</div>

如何使用它的链接https://fontawesome.com/how-to-use/svg-with-js