jQuery MiniUI

标题: miniui按钮的图标，可否使用大图标？ [打印本页]

作者: jsf126 时间: 2012-11-10 13:46:17 标题: miniui按钮的图标，可否使用大图标？

如题，换上大图标之后，按钮图标显示不全，需要如何解决？[attach]918[/attach]
按钮代码如下所示：
<a class="mini-button mini-button-iconLeft" iconCls="icon-shutdown" plain="true">  连接</a>

作者: factory 时间: 2012-11-12 09:30:55

只能自己修改对应样式.你可以用firebug或者其他工具看下结构.
参考示例:http://www.miniui.com/demo/index.html#src=form/diysize.html

作者: jsf126 时间: 2012-11-30 11:45:47

搞定了，
添加一个自定义的css
.mini-mybutton span{
height: 40px;
line-height:40px;
display: block;
}

然后在mini-button里面增加上述的css即可。
<a class="mini-button mini-button-iconLeft" iconCls="icon-misc" onclick="onConnect" plain="true" >  连接</a>

作者: niko 时间: 2012-11-30 17:05:03

给自定义的样式，增加一些padding撑起来。
做的不错。

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)