ionic-CSS：ionic Toggle(切换开关)

ylbtech-ionic-CSS：ionic Toggle(切换开关)

 

1.返回顶部

1、

ionic Toggle(切换开关)

切换开关类似与 HTML 的 checkbox 标签，但它更易于在移动设备上使用。

切换开关可以使用 toggle-assertive 来指定颜色。

<label class="toggle"> <input type="checkbox"> <div class="track"> <div class="handle"></div> </div> </label>

该实例有是多个切换开关列表。注意，每个选项的 item 类后需要添加 item-toggle 类。

<ul class="list"> <li class="item item-toggle"> HTML5 <label class="toggle toggle-assertive"> <input type="checkbox"> <div class="track"> <div class="handle"></div> </div> </label> </li> ... </ul>

尝试一下 »

运行效果如下：

2、

2.返回顶部

 

3.返回顶部

 

4.返回顶部

 

5.返回顶部

1、

http://www.runoob.com/ionic/ionic-toggle.html

2、

 

6.返回顶部

 

作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。