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

前端之家收集整理的这篇文章主要介绍了复选框无法使用materializecss – HTML,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

猜你在找的HTML相关文章