MDL(Material Design Lite)でSelectボックスを実装するGoogleのマテリアルデザイン用CSSコンポーネントが便利なので使っているんですけど、 Componentsのところ 等見ていても、select boxがないんですよね。 radioボタンやチェックボックスのみ。 で、どうしたらいいのかとネットの海をさまよっていると、Google公式のガイドラインでそれっぽいスクショが。 Material Design - Menus どうも、テキストinputとMenuを組み合わせると近しいものができそうです。 で、書いてみたのがこちら まずHTML。 .mdl-select というクラスを作ってみる。 mdl-menu とfor要素によって、「クリックするとmenuを開く」挙動になる。 <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-select
