Javascript 如何制作<；选项>；s的宽度仅覆盖其内容

我知道下拉部分是由浏览器呈现的，但我在CSS部分发布了这个，他们说可以通过JS完成

我需要的是，下拉列表中的每个选项，包括顶部选中的选项，都必须具有仅覆盖内容的宽度。现在它创建了一个宽度为最长选项的长方体

$(document).ready(function(){
    $("select").change(function(){
        var optWidth = $("#temp").html($("select").find(":selected").text()).width();
        $(this).width(optWidth);
    });
});

---

你说的“仅覆盖内容”是什么意思？就像一个内联块，它的内容宽度比固定的或%的宽度大，我认为这是不可能的，因为每个浏览器都以不同的方式呈现

select

元素。CSS对

select

元素的影响很小。难道不可能通过js或其他库或其他东西实现吗？不过你可以通过js创建自定义的select下拉列表；我需要的是，当下拉菜单处于活动状态时，使每个选项都具有最小长度，而不仅仅是选择的选项。