如何在不进行硬编码的情况下根据选项中的文本量更改 select 栏的宽度？

How can I change the width of a select bar based on the amount of text in the option without hardcoding?

如何在不进行硬编码的情况下根据选项中的文本量更改 select 栏的宽度？ 

<select name = "jobs" class = "jo">
    <option value = "All" selected>All</option>
    <option value = "Fi">Architecture and Engineering</option>
    <option value = "Fi">Arts Design, Entertainment, and Sports</option> 
    <option value = "Fi">Engineering</option>
</select>

Always keeps it's width auto

select.jo {
    width: auto;
}