在primeng按钮上堆叠的字体很棒答案

【问题标题】：fontawesome stacking on primeng button在primeng按钮上堆叠的字体很棒
【发布时间】：2018-09-26 18:47:08
【问题描述】：

我尝试了不同的方法在带有文本的primeng pbutton上添加堆叠图标，但无济于事。任何人都有解决此问题的方法，而按钮的高度不会是正常高度的两倍？

我试过了：

<button pButton type="button" icon="fa fa-stack fa-download fa-ban fa-stack-1x" iconPos="left" label="no download"></button>

和

        <button pButton type="button">
            <span class="fa-stack"><i class="fa fa-download fa-stack-1x"></i><i class="fa fa-ban fa-stack-1x" style="color:tomato"></i></span> no download
        </button>

但两者都没有给出我想要的结果。

编辑以在图片中解释。

我想要这样但我得到了这个

【问题讨论】：

标签： css font-awesome primeng

【解决方案1】：

尝试在<i> 元素上使用aria-hidden="true"。喜欢就好：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
<button pButton class="btn btn-default" type="button">
  <i class="fa fa-download" aria-hidden="true"></i>
  <i class="fa fa-ban" aria-hidden="true"></i>
</button>

【讨论】：