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

Question

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

<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>

Answer 1

总是自动保持宽度

select.jo {
    width: auto;
}