調整下拉文本的大小

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

注意：如果沒有任何外部庫，則無法對下拉框進行自動換行。 在這個小提琴中顯示的是你想要實現的目標。 這只有在這里找到的外部庫才有可能