toggle的颜色样式

曹操

toggle的圆球颜色怎么改变

liangyongfei

自己F12 调试一下样式嘛
在当前页面的css文件中，重写下面的代码就可以了！

1. .x-toggle input + label > span {
   
2.     background: red;
   
3. }

复制代码

曹操

liangyongfei 发表于 2017-6-5 15:39
自己F12 调试一下样式嘛
在当前页面的css文件中，重写下面的代码就可以了！

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

liangyongfei

曹操 发表于 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. 
   
5. .x-toggle input + label > span {
   
6.     width: 1.5em;
   
7.     height: 1.3em;
   
8. }
   
9. 
   
10. .x-toggle input + label > span {
    
11.           background: #EFA7A7;
    
12.     -webkit-transform: translate3d(0, 0.2em, 0);
    
13. }
    

复制代码

曹操

liangyongfei 发表于 2017-6-5 17:47
自己学会F12 调试样式！
然后再自己的css中重写这个样式就行了

F12调试样式，是怎样的，可以教我一下吗

liangyongfei

曹操 发表于 2017-6-5 17:59
F12调试样式，是怎样的，可以教我一下吗

按　Ｆ１２　打开调试模式！
然后选中节点，看它的样式！修改一下！测试成功后复制出来就行了！

曹操

liangyongfei 发表于 2017-6-5 18:11
按　Ｆ１２　打开调试模式！
然后选中节点，看它的样式！修改一下！测试成功后复制出来就行了！
...

谢谢