title: How to give scrolling effect in datalist dropdown?
body: <p>I am using HTML datalist to show various career paths but my number of options is too long . I wish to give it a scrolling effect. I have searched for it but only thing I found was CSS cannot be applied on datalist. Is it possible to apply styles on datalist using jQuery?</p>
  
  <p>Here is my HTML markup:</p>
  
  <pre><code>&lt;input class="form-control searchbar" #input (input)="filterdata(input.value)" [(ngModel)]="homesearch" id="home_ssearch" name="careerr" list="careers" placeholder="Discover more about any career you like" /&gt;
  &lt;div&gt;
          &lt;datalist class="datalist" id="careers" &gt;
            &lt;option *ngFor = "let career of carrerpathList" value="{{career.title}}" &gt;&lt;/option&gt;         
          &lt;/datalist&gt;
  &lt;/div&gt;
  </code></pre>