title: Style of a specific STEP angular primeng
body: <p>I'm using angular with primeng and the Steps component. I'm trying to give an specific style to the elements of the steps that are disabled. </p>
  
  <p>In the primeng documentation I saw this property badgeStyleClass but is not working for me, because the style of the disabled elements are not apply:</p>
  
  <p>This is my code:</p>
  
  <pre><code>this.otherItems = [
              {
                  label: 'Personal',
                  command: (event: any) =&gt; { }
              },
              {
                  label: 'Seat',
                  disabled: true,
                  command: (event: any) =&gt; { }
              },
              {
                  label: 'Payment',
                  command: (event: any) =&gt; { }
              },
              {
                  label: 'Confirmation',
                  command: (event: any) =&gt; { }
              },
              {
                  label: 'Order Made',
                  disabled: true,
                  badgeStyleClass: '#43752b',
                  command: (event: any) =&gt; { }
              }
          ];
  
  &lt;h3&gt;Clickable only in an specific steps&lt;/h3&gt;
  &lt;div class="steps"&gt;
      &lt;p-steps [model]="otherItems" [(activeIndex)]="actIndexClickableSpecificStep" [readonly]="false"&gt;&lt;/p-steps&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you very much</p>