input开关组件
之前写过的组件可能会用也可能不用,但是这个组件用的可能性非常大。
input开关组件的步骤
1.创建文件
2.定义基础样式
3.封装的各种不同的组件样式
具体步骤
定义基础类jc-switch
代码如下:
<input type="checkbox" class="jc-switch">
/* 必须是input为checkbox class添加jc-switch才能实现效果 */
input[type="checkbox"].jc-switch{
/* 属性选择[type="checkbox"] */
appearance: none;
outline: none;
-webkit-appearance: none;
-moz-appearance