jQuery MiniUI

 找回密码
 立即注册
查看: 2763|回复: 6
打印 上一主题 下一主题

radiobuttonList,checkboxList等样式问题 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2022-9-29 21:40:59 |只看该作者 |倒序浏览
如题,怎么改变上面单选框和复选框的样式,比如前面的圆点和勾的颜色和样式等?  比如支持换图片么?  因为改变了背景色,想风格统一

Rank: 8Rank: 8

沙发
发表于 2022-9-30 09:03:02 |只看该作者
可以的,f12查看相关样式修改。
比如checkboxlist
  1. //未选中图片
  2. .mini-list-icon{
  3.    background:
  4. }
  5. //选中图片
  6. .mini-checkboxlist-item-selected .mini-list-icon{
  7.     background:
  8. }
复制代码

Rank: 2

板凳
发表于 2022-9-30 11:38:29 |只看该作者
felt 发表于 2022-9-30 09:03
可以的,f12查看相关样式修改。
比如checkboxlist

不行啊  麻烦贴个详细点的css可以吗  skin.css里没有涉及到这2个控件的css   直接放在这个css里最下面就行了?

Rank: 2

地板
发表于 2022-9-30 14:03:25 |只看该作者
本帖最后由 marshal112 于 2022-9-30 14:28 编辑
felt 发表于 2022-9-30 09:03
可以的,f12查看相关样式修改。
比如checkboxlist

我在skin.css里是不是这样写?
.mini-radiobuttonlist-item-selected
{
    background:url(images/radiolist/selected.png) no-repeat 0px top;
    color:#b6e92f;
}

如果+了.mini-list-icon,就都没显示出来了


现在是这样的

怎么把之前的图标替换掉?


附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 6Rank: 6

5#
发表于 2022-9-30 14:20:03 |只看该作者
marshal112 发表于 2022-9-30 14:03
比如F12查看是这样的

得看你用的什么皮肤,部分皮肤用的是image背景图做的,那种需要替换图片

Rank: 2

6#
发表于 2022-9-30 14:28:58 |只看该作者
happylover1278 发表于 2022-9-30 14:20
得看你用的什么皮肤,部分皮肤用的是image背景图做的,那种需要替换图片

我在skin.css里是不是这样写?
.mini-radiobuttonlist-item-selected
{
    background:url(images/radiolist/selected.png) no-repeat 0px top;
    color:#b6e92f;
}

如果+了.mini-list-icon,就都没显示出来了


现在是这样的

怎么把之前的图标替换掉?
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

7#
发表于 2022-10-6 20:57:02 |只看该作者
marshal112 发表于 2022-9-30 14:28
我在skin.css里是不是这样写?
.mini-radiobuttonlist-item-selected
{

样式替换的原理是权重高的覆盖权重低的,只要能覆盖掉不影响其他控件就行了,不是只有一个样式可以改。f12看引用了你们的皮肤后,最后生效的是哪个样式,用这个样式同名的样式覆盖就可以了

Archiver|普加软件

GMT+8, 2024-11-25 20:44 , Processed in 1.039232 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部