Material Design Lite - HTML Select Styling Рекомендация

Question

MDL не имеет компонента HTML Select. Оператор MDL Menu component can be fashioned with text работает как ниспадающий, но отображает длинный список, так что главная страница должна быть прокручена вниз, чтобы выбрать элементы.

Каков наилучший способ предложить различные варианты в MDL? Переключатель работает для 2 вариантов, но что, если у вас есть 12 вариантов, например, выбирая час дня или 50 вариантов для штатов США?

Базовый HTML Select является функциональным, но сталкивается с внешним видом MDL и действительно разрушает пользовательский интерфейс, что в конечном итоге делает MDL менее полезным.

<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored" id="demo-menu-lower-left"> 
 
      Testing <i class="material-icons">keyboard_arrow_down</i> 
 
    </button>

Answer 1

Я просто стиль в HTML Select как можно лучше со следующим. Это работает как обходной путь.

.dds{ 
    border-style:solid; 
    border-color:#e0e0e0; 
    border-width: 0 0 1px 0; 
    color:#9e9e9e; 
    font-family: 'Roboto', sans-serif; 
    font-size:1.2em; 
    font-weight:100; 
    outline: 0; 
    margin-top:1.4em; 
}