Css 更改“按文本大小选择”的宽度

如何选择与文本大小相同宽度的选项

|Choose your City ▼|  - select
|Option 1|
|option two|
|option abcabcabc|

结果:

|Option 1         ▼|      
|Option two       ▼|
|Option abcabcabc ▼|

但如果我选择一个特定的城市，我希望看到这样的结果

|Option 1▼|      
|Option two▼|
|Option abcabcabc ▼|

---

是否可以使用css从select更改选项的宽度？

简单的html和css无法做到这一点，因为select有一些默认宽度，或者如果您提供自定义宽度，则它也不会根据内容调整大小

创建一个不同的隐藏元素，它只用于保存文本，这样您就可以使用jquery获得宽度并使用这个小jquery

$document.readyfunction{ $“调整大小\u选择”。更改函数{ $width\u tmp\u option.html$'resizing\u select option:selected'。文本； $this.width$width\u tmp\u select.width； }; }; 调整大小\u选择{ 宽度：50px； } 宽度\u tmp\u选择{ 显示：无； } 1. 二 ABCABC

---

简单的html和css无法做到这一点，因为select有一些默认宽度，或者如果您提供自定义宽度，那么它也不会根据内容调整大小

创建一个不同的隐藏元素，它只用于保存文本，这样您就可以使用jquery获得宽度并使用这个小jquery

$document.readyfunction{ $“调整大小\u选择”。更改函数{ $width\u tmp\u option.html$'resizing\u select option:selected'。文本； $this.width$width\u tmp\u select.width； }; }; 调整大小\u选择{ 宽度：50px； } 宽度\u tmp\u选择{ 显示：无； } 1. 二 ABCABC

---

没问题，我再次测试它并开始工作。我使用了类而不是idis ok，我再次测试了它并开始工作。我使用的是类而不是id