Set Width at Option of Select Box

Question

In the picture, the width of option is larger than the select box. I want to set width of those options as same as select box & for those larger options set tex

Answer 1

You can use javascript to make the length of the option text to be less so as that it matches the length of the option. I found no solution for only using css

var e=document.querySelectorAll('option')
e.forEach(x=>{
if(x.textContent.length>20)
x.textContent=x.textContent.substring(0,20)+'...';
})

select
{
width:160px;
}

fwefwefwefwe
fwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwefwe