title: ng-multiselect-dropdown custom css
body: <p>I am using the <a href="https://www.npmjs.com/package/ng-multiselect-dropdown" rel="nofollow noreferrer"><strong>ng-multiselect-dropdown</strong></a>.  How can I override the CSS? </p>
  
  <p><strong>component.html</strong></p>
  
  <pre><code>&lt;ng-multiselect-dropdown [placeholder]="'Select Region'" 
      [data]="dropdownList" [(ngModel)]="selectedItems" 
      [settings]="dropdownSettings" (onSelect)="onItemSelect($event)" 
      (onSelectAll)="onSelectAll($event)" &gt; 
  &lt;/ng-multiselect-dropdown&gt;
  </code></pre>
  
  <p><strong>component.css</strong></p>
  
  <pre><code>    .multiselect-dropdown[_ngcontent-c5] .dropdown-btn[_ngcontent-c5] {
          display: inline-block;
          border: 1px solid #adadad;
          width: 100%;
          padding: 6px 12px;
          margin-bottom: 0;
          font-size: 12px;
          font-weight: 400;
          line-height: 1.1;
          text-align: left;
          vertical-align: middle;
          cursor: pointer;
          background-image: none;
          border-radius: 4px;
     }
  </code></pre>
  
  <p>I need to override the default CSS with the above CSS code</p>