在materialize.css

Question

在下面看到的示例中，文本（Faculty not selected）位于复选框下面，当我从样式调色板中检查属性时，我没有获得任何特殊功能。通常文本应该在复选框附近。对这个问题有什么看法吗？

<div class="container">
    <div class="row">
      <form class="col s12">
          <div class="row mt50">
            <div class="input-field col s3">
                <select class="validate faculty" name="faculty" id="faculty" onchange="getCourse();">
                    <option value="">Choose</option>
                    <option value="FEng">Faculty of Engineering</option>
                    <option value="FMed">Faculty of Medicine</option>
                    <option value="FSci">Faculty of Science</option>
                </select>
                <label for="faculty">Faculty</label>
              </div>
              <div class="input-field col s4">
                <select name="course" id="course" multiple>
                    <option value="" disabled>Faculty not selected</option>
                <select/>
                <label for="course">Course</label>
              </div>
          </div>
      </form>
    </div>
</div>

Answer 1

你只需要在#course上添加display：inline或display：flex。有些东西可能会显示复选框：默认为阻止。