分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

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

发布时间:2023-09-06 01:52责任编辑:赖小花关键词:CSS
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/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

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

原文地址:https://www.cnblogs.com/storebook/p/9003998.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved