jQuery MiniUI

标题: radiobuttonlist显示出现乱码 [打印本页]
作者: 479640004    时间: 2020-7-30 10:53:42     标题: radiobuttonlist显示出现乱码

用的是火狐最新浏览器

[attach]12907[/attach]

作者: felt    时间: 2020-7-30 13:19:07

你这是用了文字图标的样式修改了样式。
使用传统风格的皮肤不能使用文字图标
使用扁平化风格的皮肤才用文字图标，这些皮肤里面图片都是文字图标。
作者: 479640004    时间: 2020-9-4 09:31:04

felt 发表于 2020-7-30 13:19
你这是用了文字图标的样式修改了样式。
使用传统风格的皮肤不能使用文字图标
使用扁平化风格的皮肤才用文字 ...

那如何单独把单选组的控件 改成 使用文字图标，因为系统不是完全使用miniui，系统整体风格已经定了，我要是直接 改成使用扁平化的skin.css 是能正常显示，但是其他地方的显示风格都会被改变。我现在只想是改这一个页面的控件，或者是以后有其他的控件也需要单独修改，有没有办法就是按需的来切换某个控件的风格
作者: dforce    时间: 2020-9-4 13:05:21

479640004 发表于 2020-9-4 09:31
那如何单独把单选组的控件 改成 使用文字图标，因为系统不是完全使用miniui，系统整体风格已经定了，我要 ...

可以单独修改一个控件的样式
  1. .myradio .mini-radiobuttonlist-item .mini-list-icon
  2.        {
  3.            background:none;
  4.        }
  5.    
  6.        .myradio .mini-radiobuttonlist-item .mini-list-icon::before
  7.        {
  8.                content: "\f10c";

  10.        }
  11.         .myradio .mini-radiobuttonlist-item-selected .mini-list-icon::before{
  12.           content: "\f192";
  13.        }
  14.        .myradio .mini-list-icon.mini-icon
  15.        {
  16.             text-align: left;
  17.             outline: none;
  18.             line-height:10px;
  19.        }
  20.        .myradio .mini-icon
  21.        {
  22.            color:Red;
  23.            }
复制代码
<div id="rbl" class="mini-radiobuttonlist myradio" ....
作者: 479640004    时间: 2020-9-4 15:23:54

dforce 发表于 2020-9-4 13:05
可以单独修改一个控件的样式

谢谢大佬



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