Try this
.scrollable {
overflow-y: auto !important; // Use !important only if there is already an overflow style rule for this element and you want to override
}
And just apply it like this:
<datalist class="datalist scrollable" id="careers" >
<option *ngFor = "let career of carrerpathList" value="{{career.title}}" ></option>
</datalist>
Hope it helps! ;)
Update 1:
I hate inline styles, but let's try it to see if <datalist>
accepts styles. Try this:
<datalist class="datalist scrollable" id="careers" style="overflow-y: auto!important">
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…