获得基本的物化CSS下拉列表

时间:2017-11-15 21:47:12

标签: html css materialize

我正在尝试使用实现CSS下拉列表,但我没有让物化版本工作。

这是他们的例子(我有这个,因为它要求我有一个代码样本发布):

  <div class="input-field col s12">
    <select>
      <option value="" disabled selected>Choose your option</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
    <label>Materialize Select</label>
  </div>

这是我试图开始工作的示例的小提琴,第一个是使用浏览器默认的下拉列表,第二个来自参考:

https://jsfiddle.net/msq3g0nk/10/

以下是doc的链接(选择&#34;选择&#34;在右侧)

http://materializecss.com/forms.html

任何帮助都会很棒。

1 个答案:

答案 0 :(得分:0)

您需要初始化下拉列表,如文档中所述。

http://materializecss.com/forms.html#select-initialization

#Get directory list, silently continue on errors in case script isn't run as an admin and there are system folders
$folders = Get-ChildItem C:\Users -Recurse -Directory -ErrorAction SilentlyContinue
#Loop through folders, checking each for files
$files = For($i = 0; $i -lt $folders.count; $i++)
{
    #Update progress bar for current folder
    Write-Progress -Activity "Collecting Files For Removal..." -CurrentOperation "Collecting User Files..." -PercentComplete (($i+1) / $folders.count * 100) -Status ("Folder {0} of {1}" -f ($i + 1), $folders.count)
    Get-ChildItem $folders[$i].FullName -Filter *.D11 -ea 4
}

工作示例:https://jsfiddle.net/msq3g0nk/11/