jQuery MiniUI

标题: 按钮样式修改 [打印本页]

作者: sunny_zhang 时间: 2016-3-22 11:40:00 标题: 按钮样式修改

.mini-buttonedit-focus .mini-buttonedit-buttons .mini-buttonedit-button .mini-buttonedit-icon
{
background: url(images/grid/downov.png) no-repeat 0px 4px;
}

如上修改样式后mini-buttonedit,mini-combobox,mini-datepicker的都改了，我希望mini-buttonedit,mini-combobox,mini-datepicker分别在mini-buttonedit-focus时显示不同的按钮，该如何做？

给mini-datepicker单独增加如下样式，
.mydatepicker .mini-buttonedit-focus .mini-buttonedit-buttons .mini-buttonedit-button .mini-buttonedit-icon {
background: url(images/datepicker/dateov.png) no-repeat 50% 50%;
}

class="mini-datepicker mydatepicker"还是不起作用，还是按第一张样式显示。

作者: felt 时间: 2016-3-22 13:29:26

.mini-datepicker .mini-buttonedit-button-hover .mini-buttonedit-icon
{
background:
}

作者: sunny_zhang 时间: 2016-3-22 14:44:00

felt 发表于 2016-3-22 13:29
.mini-datepicker .mini-buttonedit-button-hover .mini-buttonedit-icon
{
background:

我是希望mini-datepicker 点日历按钮出现下拉日期框，关闭停留在下拉日期框时，mini-datepicker的日历按钮图案改变，要用到
.mini-buttonedit-focus样式。

作者: felt 时间: 2016-3-22 15:11:43

sunny_zhang 发表于 2016-3-22 14:44
我是希望mini-datepicker 点日历按钮出现下拉日期框，关闭停留在下拉日期框时，mini-datepicker的日历按 ...

不明白你的需求，请配图说明

作者: sunny_zhang 时间: 2016-3-22 19:48:25

felt 发表于 2016-3-22 15:11
不明白你的需求，请配图说明

目前mini-datepicker点开出现下拉框，选择某几个日期时日期按钮如下图一，希望看到的效果是图二，日期按钮是绿色的[attach]7228[/attach][attach]7227[/attach]

作者: dforce 时间: 2016-3-23 10:00:55

sunny_zhang 发表于 2016-3-22 19:48
目前mini-datepicker点开出现下拉框，选择某几个日期时日期按钮如下图一，希望看到的效果是图二，日期按 ...

.mini-buttonedit-focus.mini-datepicker .mini-buttonedit-icon
      {
         background:
         }

作者: sunny_zhang 时间: 2016-3-24 11:00:24

dforce 发表于 2016-3-23 10:00
.mini-buttonedit-focus.mini-datepicker .mini-buttonedit-icon
{
background:

非常感谢大神，我要的就是这个效果

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