物化CSS-选择似乎不渲染

Question

我目前正在使用实现CSS，似乎我对选择字段感到困惑。

我使用的是他们网站上提供的示例，但不幸的是，它始终在视图中呈现。我想知道是否有人可以提供帮助。

我要尝试做的是创建一个带有2个提供填充的末端间隔的行-然后在内部两个行项目中应该有一个搜索文本输入和一个搜索选择下拉列表。

先感谢您。

这是有问题的代码段。

<div class="row">
<form class="col s12">
    <div class="row">
        <div class="input-field col s2"></div>
        <div class="input-field col s5">
            <input id="icon_prefix" type="text" class="validate" />
            <label for="icon_prefix">Search</label>
        </div>
        <div class="input-field col s3">
            <label>Materialize Select</label>
            <select>
                <option value="" disabled="disabled" selected="selected">Choose your option</option>
                <option value="1">Option 1</option>
                <option value="2">Option 2</option>
                <option value="3">Option 3</option>
            </select>
        </div>
        <div class="input-field col s2"></div>
    </div>
</form>

Answer 1

由于它们会覆盖浏览器的默认设置，因此选择样式需要运行Javascript。您需要包括Materialise Javascript文件，然后调用

$(document).ready(function() {
    $('select').material_select();
});

加载该文件后。