title: Apply styles in a PrimeNG dialog
body: <p>I'm having troubles trying to apply styles in a PrimeNG dialog.</p>
  
  <p>I have a component which have a PrimeNG dialog:</p>
  
  <pre><code>&lt;p-dialog header="Filters" [(visible)]="display" width="1000" height="1000" modal="modal"&gt;
  ...
  &lt;/p-dialog&gt;
  </code></pre>
  
  <p>I also have a scss file where I have the styles of the component. The background-color of the dialog is transparent but I want to set it to white. So I've tried to apply the style in different ways in my scss file:</p>
  
  <pre><code>.ui-dialog {
      background-color: #fff;
  }
  </code></pre>
  
  <p>Adding styleClass to the dialog and trying to apply styles to it:</p>
  
  <pre><code>&lt;p-dialog styleClass="dialog-filters" header="Filters" [(visible)]="display" width="1000" height="1000" modal="modal"&gt;
  
  .dialog-filters {
      background-color: #fff;
  }
  </code></pre>
  
  <p>None of them works. Any idea?</p>