起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1565|回复: 6

[结贴] toggle的颜色样式

[复制链接]

32

主题

93

帖子

279

积分

中级会员

Rank: 3Rank: 3

积分
279
QQ
发表于 2017-6-5 15:28:05 | 显示全部楼层 |阅读模式
toggle的圆球颜色怎么改变
发表于 2017-6-5 15:39:47 | 显示全部楼层
自己F12 调试一下样式嘛
在当前页面的css文件中,重写下面的代码就可以了!
  1. .x-toggle input + label > span {
  2.     background: red;
  3. }
复制代码


qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

32

主题

93

帖子

279

积分

中级会员

Rank: 3Rank: 3

积分
279
QQ
 楼主| 发表于 2017-6-5 17:26:38 | 显示全部楼层
liangyongfei 发表于 2017-6-5 15:39
自己F12 调试一下样式嘛
在当前页面的css文件中,重写下面的代码就可以了!

如何能设置成这种样式,打开与关闭

开
QQ截图20170605172351.png
回复 支持 反对

使用道具 举报

发表于 2017-6-5 17:47:30 | 显示全部楼层
曹操 发表于 2017-6-5 17:26
如何能设置成这种样式,打开与关闭

自己学会F12 调试样式!
然后再自己的css中重写这个样式就行了
  1. .x-toggle input:checked + label > span {
  2.     -webkit-transform: translate3d(2.2em, 0.2em, 0);
  3. }

  4. .x-toggle input + label > span {
  5.     width: 1.5em;
  6.     height: 1.3em;
  7. }

  8. .x-toggle input + label > span {
  9.           background: #EFA7A7;
  10.     -webkit-transform: translate3d(0, 0.2em, 0);
  11. }
复制代码


qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

32

主题

93

帖子

279

积分

中级会员

Rank: 3Rank: 3

积分
279
QQ
 楼主| 发表于 2017-6-5 17:59:19 | 显示全部楼层
liangyongfei 发表于 2017-6-5 17:47
自己学会F12 调试样式!
然后再自己的css中重写这个样式就行了

F12调试样式,是怎样的,可以教我一下吗
回复 支持 反对

使用道具 举报

发表于 2017-6-5 18:11:57 | 显示全部楼层
曹操 发表于 2017-6-5 17:59
F12调试样式,是怎样的,可以教我一下吗

按 F12 打开调试模式!
然后选中节点,看它的样式!修改一下!测试成功后复制出来就行了!
R)9_@CH{QE@5LJNO5ONU)8Q.png
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

32

主题

93

帖子

279

积分

中级会员

Rank: 3Rank: 3

积分
279
QQ
 楼主| 发表于 2017-6-5 19:07:19 | 显示全部楼层
liangyongfei 发表于 2017-6-5 18:11
按 F12 打开调试模式!
然后选中节点,看它的样式!修改一下!测试成功后复制出来就行了!
...

谢谢
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-11 15:05 , Processed in 0.063693 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表