复选框无法使用materializecss – HTML,CSS

发布时间：2020-12-14 18:26:16 所属栏目：资源来源：网络整理

导读：在使用materializecss时,我似乎无法使用复选框,因为其他任何人都遇到了这个问题并设法修复它？我正在使用的图书馆： link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" 没有库的复选框 –

在使用materializecss时,我似乎无法使用复选框,因为其他任何人都遇到了这个问题并设法修复它？

我正在使用的图书馆：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">

没有库的复选框 – https://jsfiddle.net/d2yk4sbv/2/

<div><label> <input type=checkbox> label 1 </label></div>

复选框与库 – https://jsfiddle.net/d2yk4sbv/

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
            <div><label> <input type=checkbox> label 1 </label></div>

复选框似乎没有库工作正常,但问题是,我的应用程序依赖于使用materializecss所以我不能不使用它:(

链接到materializecss网站 – http://materializecss.com/

解决方法

要工作.看起来您需要在标签和输入检查之间建立关系.你为什么不试试这种方式呢？

<div>
  <input type="checkbox" id="check">
  <label for="check">label 1</label>
</div>

http://materializecss.com/forms.html#checkbox

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!