title: How to customize css for ng-select in angular?
body: <p>I am trying to customize the css of ng-select using default view encapsulation. I am using ::ng-deep for this.</p>
  <p>This section seems to work:</p>
  <pre><code> .ng-select.custom-ng-select ::ng-deep {
            //this section works//
                   &amp;.ng-select-container {
                          border: 1px solid #1CBC88;
                          color: #1CBC88 !important;
                          box-shadow: none;
                          font-size: 13px !important;
                          font-weight: bold;   }
  </code></pre>
  <p>However, the section below doesnot work:</p>
  <pre><code>                   &amp;.ng-select-opened {
                      &amp;.ng-select-bottom {
                          &gt;.ng-select-container {
                              border-bottom: 1px solid red;
                          }
                      }
                     }
  </code></pre>
  <p>}</p>
  <p>I want to change the bottom border color when the select is opened by using ::ng-deep selector on ng-select. Thanks.</p>