jQuery MiniUI

标题: radiobuttonList,checkboxList等样式问题 [打印本页]

作者: marshal112    时间: 2022-9-29 21:40:59     标题: radiobuttonList,checkboxList等样式问题

如题,怎么改变上面单选框和复选框的样式,比如前面的圆点和勾的颜色和样式等?  比如支持换图片么?  因为改变了背景色,想风格统一

作者: felt    时间: 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. }
复制代码

作者: marshal112    时间: 2022-9-30 11:38:29

felt 发表于 2022-9-30 09:03
可以的,f12查看相关样式修改。
比如checkboxlist

不行啊  麻烦贴个详细点的css可以吗  skin.css里没有涉及到这2个控件的css   直接放在这个css里最下面就行了?
作者: marshal112    时间: 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,就都没显示出来了


现在是这样的

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



作者: happylover1278    时间: 2022-9-30 14:20:03

marshal112 发表于 2022-9-30 14:03
比如F12查看是这样的

得看你用的什么皮肤,部分皮肤用的是image背景图做的,那种需要替换图片
作者: marshal112    时间: 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,就都没显示出来了


现在是这样的

怎么把之前的图标替换掉?
作者: felt    时间: 2022-10-6 20:57:02

marshal112 发表于 2022-9-30 14:28
我在skin.css里是不是这样写?
.mini-radiobuttonlist-item-selected
{

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




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2