我想实现类似亚马逊在其搜索栏左侧的效果(尽管他们使用的是 div)。
我猜单靠 CSS 并不能解决问题。我认为需要 javascript 来计算所选字母的数量并将其乘以某个值(可能是 3px?)并将其用作父级的宽度。
最佳答案
您只需将 width: auto;
和 display: inline-block;
添加到将代表选项项的 div 中,它将根据其内容自动调整大小。
更新 2:
使用 div 作为宽度指示器,这样您就可以使用它的宽度来调整选择框的大小:
关于javascript - 有没有办法根据所选 <option> 的长度调整 <select> 的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16887557/