我已经通读了组件列表并通读了提供的 CSS,但我没有看到任何提及选择框的内容 - 只是常规输入;文本、单选、复选框、文本区域等。
如何将 Material Design Lite 与选择框结合使用?
使用这些类进行常规文本输入可以让您成功一半,但这肯定是不正确的。
这对我来说效果很好(以燃料为例):
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<select class="mdl-textfield__input" id="octane" name="octane">
<option></option>
<option value="85">85</option>
<option value="87">87</option>
<option value="89">89</option>
<option value="91">91</option>
<option value="diesel">Diesel</option>
</select>
<label class="mdl-textfield__label" for="octane">Octane</label>
</div>
不需要任何库或任何东西,只需要标准的 MDL CSS 和 JavaScript。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)