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

答案:4 悬赏:0 手机版

解决时间 2021-03-18 09:51

提问者网友：玫瑰园
2021-03-17 10:40

最佳答案

五星知识达人网友：封刀令
2021-03-17 11:31

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

全部回答

1楼网友：北城痞子
2021-03-17 15:05

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

2楼网友：长青诗
2021-03-17 13:35

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

3楼网友：归鹤鸣
2021-03-17 12:47

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

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

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

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

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