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/ 本文版權歸作者和博客園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。