Question

HTML ionic 中 checkbox 的复选框 用css 如何改变外框的颜色

HTML ionic 中 checkbox 的复选框 用css 如何改变外框的颜色，在这里等请教高人指点！
改成这样





Answer 1

这个其实是js插件模拟的，大致思路是这样子的

1. 先将checkbox隐藏

2. 模拟一个checkbox,其实是div之类的元素，加上背景图片，在将执行选中事件时，就将这个模拟的checkbox添加或移除对应的CSS样式就可以，然后根据选择事件去操作原本隐藏的checkbox

   
   

这类的jq插件比较多！给你参考：http://www.oschina.net/news/18435/jquery-plugins-for-styling-checkbox-radio-buttons/

Answer 2

用背景图片代替吧，真正的checkbox隐藏， 状态通过js控制。

Answer 3

这个CheckBox使用了下面这个class
.checkbox-wp .checkbox-checked {
border-color: #387ef5;
background-color: #387ef5;
}
修改这个border-color就可以实现了，你也可以写一个class 覆盖他

Answer 4

改不了，，，你把这个框影藏掉，然后自己写一个框来定义样式，，，百度教程很多