在下拉列表中调整文本大小

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元素上添加一些样式。

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

注意：如果没有任何外部库，则无法自动换行您的下拉框。这个fiddle中显示的是你想要实现的目标。只有外部库found over here

才能实现这一点