gpt4 book ai didi

html - 位于 materialize.css 复选框下方的多个选择选项文本

转载 作者:太空宇宙 更新时间:2023-11-04 08:56:29 25 4
gpt4 key购买 nike

在下面的示例中,文本(未选中教职工)位于复选框下方,当我从样式面板中检查属性时,我没有得到任何特殊功能。通常文本应该靠近复选框。对这个问题有什么想法吗?

enter image description here

<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>

最佳答案

您只需在#course 上添加 display:inline 或 display:flex。可能是某些原因使复选框默认显示:阻止。

关于html - 位于 materialize.css 复选框下方的多个选择选项文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43088647/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com