jQuery MiniUI

标题: mini-radiobuttonlist里的radio样式怎么控制? [打印本页]

作者: zhangsy    时间: 2015-9-25 13:18:24     标题: mini-radiobuttonlist里的radio样式怎么控制?

[attach]6656[/attach]
<div id="rbl" class="mini-radiobuttonlist" repeatItems="1" repeatLayout="table"
          repeatDirection="horizontal" textField="text" valueField="id">
  </div>


作者: zhangsy    时间: 2015-9-25 13:20:02

怎么控制里面radio的样式,radio文本改成白色且居中。
作者: felt    时间: 2015-9-25 13:44:19

zhangsy 发表于 2015-9-25 13:20
怎么控制里面radio的样式,radio文本改成白色且居中。

颜色可以在ondrawitem事件里修改
ondrawitem="onDrawItem"
function onDrawItem(e){
    e.itemHtml = "<span style='color:#fff;text-align:center;width:150px;display:inline-block'>" + e.item.text + "</span>"
}
颜色可以随便改,居中的话根据你自己实际的宽度修改插入的html的宽度
作者: zhangsy    时间: 2015-9-25 14:36:40

本帖最后由 zhangsy 于 2015-9-25 14:40 编辑
felt 发表于 2015-9-25 13:44
颜色可以在ondrawitem事件里修改
ondrawitem="onDrawItem"
function onDrawItem(e){

谢谢 可以控制 但是我在<span style='里写样式 比如radio上下间距 文本和radio会出现对不齐。能帮忙解答下吗?感谢如果在每个radio下<div  class="hb_line mt10"></div>加上一个下划线的样式 呢?

作者: felt    时间: 2015-9-25 14:59:17

zhangsy 发表于 2015-9-25 14:36
谢谢 可以控制 但是我在

间距什么只能修改样式来处理
.mini-radiobuttonlist table label
  {
            line-height:
   }
<div  class="hb_line mt10"></div>这个div是你自己加的,你自己控制了
作者: zhangsy    时间: 2015-9-25 15:24:26

felt 发表于 2015-9-25 14:59
间距什么只能修改样式来处理
.mini-radiobuttonlist table label
  {

[attach]6657[/attach]这种的 想在每个radio中间加上下虚线,调整半天还是发现没办法对其。头疼....

作者: felt    时间: 2015-9-25 15:52:13

zhangsy 发表于 2015-9-25 15:24
这种的 想在每个radio中间加上下虚线,调整半天还是发现没办法对其。头疼....
...

.mini-radiobuttonlist-td
{
            border-bottom:1px dotted  red;
}

作者: zhangsy    时间: 2015-9-25 16:18:07

felt 发表于 2015-9-25 15:52
.mini-radiobuttonlist-td
{
            border-bottom:1px dotted  red;

谢谢 调整了页面样式可以了
作者: zhangsy    时间: 2015-9-25 16:45:45

felt 发表于 2015-9-25 15:52
.mini-radiobuttonlist-td
{
            border-bottom:1px dotted  red;

radio文本超过5个汉字就换行怎么写呢?




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