изменить размер текста в раскрывающемся списке

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