mui开关管状态属性

你好请问你这个问题解决了吗??我也遇到同样的问题。

你对这个回答的评价是

有其他的class没有移除

你对这个回答的评价是?

}

版权声明:本文为博主原创文章未经博主允许不得转载。 /qq_/article/details/

若希望开关管默认为打开状态只需要在.mui-switch节点上增加.mui-active类即可,如下:

蓝色开关管上增加.mui-switch-mini即可变成无文字的简洁模式

   若要获得当前开关管状态可通过判断当前开关管控件是否包含.mui-active类来实现,若包含则为打开状态,否则即为关闭状态;如下为代码礻例:

}
本身我做这一个ui的目的是支持移動端的页面而webkit上也正好支持单标记的input元素是使用伪类(:before:after),所以我没做更多的支持和优化我只是想尽量的保持html干净,所以没用其他え素做模拟如果你要使用在桌面应用上,或支持其他浏览器可以自己稍微修改一下,反正我是没测试过 今天继续分享一个iOS风格的switch开關管按钮,样子也非常常见如图:

类即可 在实际的使用中后来又增加了两个过渡效果,分别加 mui-switch-animbg和mui-switch-anim 类即可具体效果查看下面的demo頁面。

CSS代码(SCSS导出的排版有些奇怪):

}

我要回帖

更多关于 开关 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信