HTML ionic 中 checkbox 的复选框 用css 如何改变外框的颜色
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML ionic 中 checkbox 的复选框 用css 如何改变外框的颜色相关的知识,希望对你有一定的参考价值。
html ionic 中 checkbox 的复选框 用css 如何改变外框的颜色,在这里等请教高人指点!
改成这样
这个其实是js插件模拟的,大致思路是这样子的
先将checkbox隐藏
模拟一个checkbox,其实是div之类的元素,加上背景图片,在将执行选中事件时,就将这个模拟的checkbox添加或移除对应的CSS样式就可以,然后根据选择事件去操作原本隐藏的checkbox
这类的jq插件比较多!给你参考:http://www.oschina.net/news/18435/jquery-plugins-for-styling-checkbox-radio-buttons/
参考技术A 用背景图片代替吧,真正的checkbox隐藏, 状态通过js控制。 参考技术B 这个CheckBox使用了下面这个class.checkbox-wp .checkbox-checked
border-color: #387ef5;
background-color: #387ef5;
修改这个border-color就可以实现了,你也可以写一个class 覆盖他 参考技术C 改不了,,,你把这个框影藏掉,然后自己写一个框来定义样式,,,百度教程很多
以上是关于HTML ionic 中 checkbox 的复选框 用css 如何改变外框的颜色的主要内容,如果未能解决你的问题,请参考以下文章