Горизонтальный Scroll в Select для любого морехода

Я хочу добавить горизонтальный scroll к элементу select. Кодекс, который я показываю вам позже, функционирует соответствующим образом в chrome, однако не функционирует в firefox ни ie.

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="estilo.css"> 
</head> 
    <body> 
        <select id="select" name="select" size ='3'>
          <option value="value1">LUNES</option> 
          <option value="value2">MARTES</option>
          <option value="value3">MIERCOLES</option>
        </select>
    </body> 
</html>

и следующий css:

.select{
     width: 100px; 
     overflow: auto;
     height: 70px; 
}

Если кто-то знает распространенное решение для всех мореходов, Вы были бы благодарны за это.

1
задан 13.10.2016, 23:38
2 ответа

Ты был бы должен использовать

#select{
     width: 100px; 
     overflow: auto;
     height: 70px; 
   }

sГ-mbolo числовой (кот) показывает, что ты ищешь элемент, который идет select как стоимость Вашего признака , пойдите

Или в Вашем недостатке

select{
         width: 100px; 
         overflow: auto;
         height: 70px; 
       }

Без точки это показывает, что ты будешь затрагивать во все элементы select

1
ответ дан 24.11.2019, 13:07

Ты мог бы решать это с контейнером с scroll горизонтально как ящик отец.

Код CSS

#select_list{
    width: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}

Код HTML

<div id="select_list"> 
    <select id="select" name="select" size ='3'>
       <option value="value1">LUNES</option> 
       <option value="value2">MARTES</option>
       <option value="value3">MIERCOLES</option>
    </select>
</div>
0
ответ дан 24.11.2019, 13:07