Material Design Lite - HTML选择样式建议

Question

MDL没有HTML Select组件。 MDL Menu component can be fashioned with text操作类似下拉列表，但呈现一个长列表，以便必须向下滚动主页面以选择项目。

在MDL中提供不同选择的最佳方式是什么？切换适用于2种选择，但如果您有12种选择，例如选择一天中的小时，或美国各州的50种选择，该怎么办？

基本的HTML Select功能齐全，但与MDL的外观和感觉发生冲突，真正破坏了UI，最终降低了MDL的用途。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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