jQuery MiniUI

 找回密码
 立即注册
楼主: wp260204287
打印 上一主题 下一主题

怎样给textbox重新设置底色。 [复制链接]

Rank: 8Rank: 8

11#
发表于 2014-1-14 16:45:52 |只看该作者
wp260204287 发表于 2014-1-14 16:32
enable()启用吧,disable()才是禁用吧。那我是不是只有用成你那个allowInput,才能换颜色啊。用disbabl ...

禁用 背景色本来就是灰色的啊

Rank: 4

12#
发表于 2014-1-14 16:50:28 |只看该作者
factory 发表于 2014-1-14 16:45
禁用 背景色本来就是灰色的啊

那启用状态是白色的哇,我想把这个白色的换个颜色啊

Rank: 8Rank: 8

13#
发表于 2014-1-14 17:25:34 |只看该作者
wp260204287 发表于 2014-1-14 16:50
那启用状态是白色的哇,我想把这个白色的换个颜色啊

<style type="text/css">
     .aa .mini-textbox-input{
        background-color:red
    }
     .aa.mini-textbox-disabled .mini-textbox-input{
        background-color:Blue
    }
    </style>
<input class="mini-textbox aa" />
这样设置试试,这个textbox默认底色是红色,然后enabled="false"后底色是蓝色

Rank: 4

14#
发表于 2014-1-15 09:19:09 |只看该作者
本帖最后由 wp260204287 于 2014-1-15 09:28 编辑
felt 发表于 2014-1-14 17:25
.aa .mini-textbox-input{
        background-color:red
    }

谢谢斑竹的回复啊,是变色了,但是只是textbox变色,其他的combox
、Spinner控件就不能变色了,我想连这两个控件和tetbox一起控制啊,因为我的表单页面就这三个控件。网斑竹指点一下啊。

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

15#
发表于 2014-1-15 09:31:06 |只看该作者
wp260204287 发表于 2014-1-15 09:19
谢谢斑竹的回复啊,是变色了,但是只是textbox变色,其他的combox
、Spinner控件就不能变色了,我想连这两 ...

一样按照上面的修改样式
用firefox的firebug或者IE的开发工具找到那个输入框对象的样式名,然后修改

Rank: 8Rank: 8

16#
发表于 2014-1-15 09:36:21 |只看该作者
wp260204287 发表于 2014-1-15 09:19
谢谢斑竹的回复啊,是变色了,但是只是textbox变色,其他的combox
、Spinner控件就不能变色了,我想连这两 ...

spinner和combobox是
mini-buttonedit-input这个元素,你按上面修改textbox的方式改
.mini-buttonedit-input
.mini-buttonedit-disabled .mini-buttonedit-input{

Rank: 4

17#
发表于 2014-1-15 09:45:51 |只看该作者
felt 发表于 2014-1-15 09:36
spinner和combobox是
mini-buttonedit-input这个元素,你按上面修改textbox的方式改
.mini-buttonedit-in ...

谢谢按住的回复啊,可以了,挺好的,但是想问一下,disable()下的还是灰色啊,disable()下的我换了颜色啊。为什么还是灰色?

Rank: 4

18#
发表于 2014-1-15 09:46:55 |只看该作者
factory 发表于 2014-1-15 09:31
一样按照上面的修改样式
用firefox的firebug或者IE的开发工具找到那个输入框对象的样式名,然后修改 ...

谢谢啊斑竹啊,那个okl.

Rank: 8Rank: 8

19#
发表于 2014-1-15 09:48:56 |只看该作者
wp260204287 发表于 2014-1-15 09:45
谢谢按住的回复啊,可以了,挺好的,但是想问一下,disable()下的还是灰色啊,disable()下的我换了颜色 ...



样式
.mini-textbox-disabled .mini-textbox-input
        {
            background-color:Yellow;
        }

代码控制
var User = mini.get("tb");
User.disable();

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 4

20#
发表于 2014-1-15 10:44:49 |只看该作者
factory 发表于 2014-1-15 09:48
样式
.mini-textbox-disabled .mini-textbox-input
        {

麻烦斑竹,看一下我上传的页面,你试一下textboxdisable()不变色啊
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Archiver|普加软件

GMT+8, 2024-10-7 05:22 , Processed in 1.027239 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部