调整下拉文本的大小

Question

我已经下拉，其中很少有文字很长，并且由于这个尺寸变得太长了。

 var name1 = "A", name2 = "B", name3 = "C"; var s = document.getElementById('names'); s.children[0].innerText = name1; s.children[1].innerText = name2; s.children[2].innerText = name3;

 <select id="names"> <option value="a">fill1</option> <option value="b">fill2</option> <option value="c">fill3</option> </select>

如何调整下拉菜单的大小？

Answer 1

如果你用 css 设置一个类来给它一个指定的宽度。 或者只是在您的选择元素上添加一些样式。

<select id="names" style=width:100px class='setMyWidth'>
<option value="a">fill1</option>
<option value="b">fill2</option>
<option value="c">fill3</option>

您还可以创建一个 css 类。

.setMyWidth{width: 100px;}

注意：如果没有任何外部库，则无法对下拉框进行自动换行。 在这个小提琴中显示的是你想要实现的目标。 这只有在这里找到的外部库才有可能