jQuery MiniUI

标题: 怎样给textbox重新设置底色。 [打印本页]

作者: wp260204287 时间: 2014-1-13 09:59:35 标题: 怎样给textbox重新设置底色。

如题。比如一个textbox控件不让编辑，那么底色是灰色，我怎样把灰色设置其他颜色。望版主指点一下啊。

作者: lost 时间: 2014-1-13 10:04:41

.mini-textbox-input
{
background-color:Gray;
}

作者: factory 时间: 2014-1-13 10:05:04

只能修改对应的样式

作者: wp260204287 时间: 2014-1-14 15:34:25

factory 发表于 2014-1-13 10:05
只能修改对应的样式

我想问一下斑竹啊，mini-spinner和mini-combox怎样设置背景色啊，制度的控件用灰色的，其他可编辑的控件用其他颜色区分，有什么好办法吗？

作者: factory 时间: 2014-1-14 15:36:24

wp260204287 发表于 2014-1-14 15:34
我想问一下斑竹啊，mini-spinner和mini-combox怎样设置背景色啊，制度的控件用灰色的，其他可编辑的控件 ...

.mini-textbox-readOnly .mini-textbox-input
      {
        background-color:gray;
      }

作者: wp260204287 时间: 2014-1-14 16:03:13

factory 发表于 2014-1-14 15:36
.mini-textbox-readOnly .mini-textbox-input
{
background-color:gray;

.mini-textbox-readOnly .mini-textbox-input
{}写在一起吗？好像不行啊，就是我这个表单有combox、Spinner、textbox以上这三个控件只读全部一个色灰色，可写状态全变成一个颜色啊，网版主指点一下啊

作者: factory 时间: 2014-1-14 16:08:31

wp260204287 发表于 2014-1-14 16:03
.mini-textbox-readOnly .mini-textbox-input
{}写在一起吗？好像不行啊，就是我这个表单有combox、Spinn ...

你直接把我上面写的复制过去就行了,

<style type="text/css">
      .mini-textbox-readOnly .mini-textbox-input
      {
        background-color:Red;
      }
</style>

页面有这个样式,只要你设置只读的,输入框背景色就是灰色的

作者: wp260204287 时间: 2014-1-14 16:26:48

factory 发表于 2014-1-14 16:08
你直接把我上面写的复制过去就行了,

谢谢斑竹的回复啊，我试了，不行啊，颜色好像没变啊。我的制度用的disable().编辑用的是enable（）

作者: factory 时间: 2014-1-14 16:29:01

wp260204287 发表于 2014-1-14 16:26
谢谢斑竹的回复啊，我试了，不行啊，颜色好像没变啊。我的制度用的disable().编辑用的是enable（） ...

enabled是禁用

allowInput才是只读

作者: wp260204287 时间: 2014-1-14 16:32:03

factory 发表于 2014-1-14 16:29
enabled是禁用

allowInput才是只读

enable()启用吧，disable（）才是禁用吧。那我是不是只有用成你那个allowInput，才能换颜色啊。用disbable()和enable（）不能像你给我的代码变颜色啊

作者: factory 时间: 2014-1-14 16:45:52

wp260204287 发表于 2014-1-14 16:32
enable()启用吧，disable（）才是禁用吧。那我是不是只有用成你那个allowInput，才能换颜色啊。用disbabl ...

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

作者: wp260204287 时间: 2014-1-14 16:50:28

factory 发表于 2014-1-14 16:45
禁用背景色本来就是灰色的啊

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

作者: felt 时间: 2014-1-14 17:25:34

wp260204287 发表于 2014-1-14 16:50
那启用状态是白色的哇，我想把这个白色的换个颜色啊

作者: wp260204287 时间: 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一起控制啊，因为我的表单页面就这三个控件。网斑竹指点一下啊。
[attach]3763[/attach]

作者: factory 时间: 2014-1-15 09:31:06

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

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

作者: felt 时间: 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{

作者: wp260204287 时间: 2014-1-15 09:45:51

felt 发表于 2014-1-15 09:36
spinner和combobox是
mini-buttonedit-input这个元素，你按上面修改textbox的方式改
.mini-buttonedit-in ...

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

作者: wp260204287 时间: 2014-1-15 09:46:55

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

谢谢啊斑竹啊，那个okl.

作者: factory 时间: 2014-1-15 09:48:56

wp260204287 发表于 2014-1-15 09:45
谢谢按住的回复啊，可以了，挺好的，但是想问一下，disable()下的还是灰色啊，disable（）下的我换了颜色 ...

[attach]3764[/attach]

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

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

作者: wp260204287 时间: 2014-1-15 10:44:49

factory 发表于 2014-1-15 09:48
样式
.mini-textbox-disabled .mini-textbox-input
{

麻烦斑竹，看一下我上传的页面，你试一下textboxdisable()不变色啊
[attach]3767[/attach]

作者: lost 时间: 2014-1-15 10:54:59

wp260204287 发表于 2014-1-15 10:44
麻烦斑竹，看一下我上传的页面，你试一下textboxdisable()不变色啊

  .mini-textbox-disabled .mini-textbox-input
      {
         background-color:Green;
      }//不要写在一起，用空格分开

作者: wp260204287 时间: 2014-1-15 10:58:11

lost 发表于 2014-1-15 10:54
.mini-textbox-disabled .mini-textbox-input
{
background-color:Green;

嗯，好的了，非常好啊，麻烦斑竹了啊。非常感谢啊

作者: wp260204287 时间: 2014-1-15 17:58:56

lost 发表于 2014-1-15 10:54
.mini-textbox-disabled .mini-textbox-input
{
background-color:Green;

请问一下，斑竹那radiobuttonlist怎么设置颜色啊

作者: lost 时间: 2014-1-16 09:25:47

wp260204287 发表于 2014-1-15 17:58
请问一下，斑竹那radiobuttonlist怎么设置颜色啊

你要设置radiobuttonlist的什么颜色？字体颜色还是什么？

作者: factory 时间: 2014-1-16 09:28:00

wp260204287 发表于 2014-1-15 17:58
请问一下，斑竹那radiobuttonlist怎么设置颜色啊

都一样,修改对应样式

作者: wp260204287 时间: 2014-1-22 16:04:53

lost 发表于 2014-1-16 09:25
你要设置radiobuttonlist的什么颜色？字体颜色还是什么？

不好意思啊，解决了，谢谢啊，我在想问一下啊radiobuttonlist怎么设置颜色啊，望回复啊

作者: felt 时间: 2014-1-22 16:12:01

wp260204287 发表于 2014-1-22 16:04
不好意思啊，解决了，谢谢啊，我在想问一下啊radiobuttonlist怎么设置颜色啊，望回复啊 ...

radiobuttonlist改什么颜色？

作者: wp260204287 时间: 2014-1-22 16:20:32

felt 发表于 2014-1-22 16:12
radiobuttonlist改什么颜色？

我想改变背景色，在disabled（）状态下换一下颜色，不是背景是灰色啊

作者: felt 时间: 2014-1-22 16:26:58

wp260204287 发表于 2014-1-22 16:20
我想改变背景色，在disabled（）状态下换一下颜色，不是背景是灰色啊

和其他的修改方式一样，用工具看下影响disabled样式，重写个样式就可以了

作者: wp260204287 时间: 2014-1-22 16:32:25

felt 发表于 2014-1-22 16:26
和其他的修改方式一样，用工具看下影响disabled样式，重写个样式就可以了

那个我找到了，我设置了不行啊
[attach]3822[/attach]

作者: felt 时间: 2014-1-22 16:42:10

wp260204287 发表于 2014-1-22 16:32
那个我找到了，我设置了不行啊

.mini-disabled  .mini-radiobuttonlist-item
      {
         background-color:blue;
      }

作者: wp260204287 时间: 2014-1-22 17:15:36

felt 发表于 2014-1-22 16:42
.mini-disabled  .mini-radiobuttonlist-item
      {
         background-color:blue;

嗯，好了，谢谢斑竹啊

作者: haxwn 时间: 2014-11-20 14:32:37

lost 发表于 2014-1-13 10:04
.mini-textbox-input
{
background-color:Gray;

版主~怎么给单个的textbox改文字颜色阿

作者: felt 时间: 2014-11-20 14:40:44

haxwn 发表于 2014-11-20 14:32
版主~怎么给单个的textbox改文字颜色阿

inputStyle="color:red"

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