jQuery MiniUI

标题: 怎样给mini_textbox分别加不同的样式 [打印本页]

作者: wp260204287 时间: 2013-11-12 09:41:21 标题: 怎样给mini_textbox分别加不同的样式

如题，我有俩个文本框，第一个文本框，的宽度和高度要变高和变宽，而另一个文本框，则是普通的mini_textbox,怎样给这设置这俩个文本框。

作者: factory 时间: 2013-11-12 10:04:47

打个比方:
.aa .mini-textbox{
background-color:red
}

在你需要有这个样式的输入框上加上 <input class="mini-textbox aa">

具体的调整高度,看http://www.miniui.com/demo/#src=form/diysize.html
样式表在diysize.css ,试用包里有

作者: wp260204287 时间: 2013-11-12 10:33:43

factory 发表于 2013-11-12 10:04
打个比方:
.aa .mini-textbox{
background-color:red

谢谢斑竹啊，我试过了ok,对了，我想问一下斑竹，gridview.cancelEditRow(row)这个取消行编辑，好像不好使，希望斑竹指点一下啊

作者: wp260204287 时间: 2013-11-12 10:58:26

wp260204287 发表于 2013-11-12 10:33
谢谢斑竹啊，我试过了ok,对了，我想问一下斑竹，gridview.cancelEditRow(row)这个取消行编辑，好像不好使 ...

我想问一下斑竹啊，样式是变了，但里面的字体还是一样啊，怎样解决啊，我在
.aa .mini-textbox{
background-color:red
font_size:5px
}
这样好像不管用，我想我哪里写错啦

作者: factory 时间: 2013-11-12 11:34:30

wp260204287 发表于 2013-11-12 10:58
我想问一下斑竹啊，样式是变了，但里面的字体还是一样啊，怎样解决啊，我在
.aa .mini-textbox{
ba ...

输入框的结构并不是只有一层,他里面还有其他的html dom元素.
所以你需要用firebug这类工具去看,是哪个结构的样式真正影响到字体的
应该是.mini-textbox-input这个样式

作者: wp260204287 时间: 2013-11-20 09:33:34

factory 发表于 2013-11-12 11:34
输入框的结构并不是只有一层,他里面还有其他的html dom元素.
所以你需要用firebug这类工具去看,是哪个结 ...

斑竹，我在.aa .mini-textbox-input{
background-color:red
font_size:5px
}
这样加了字体但是还是不行啊，希望斑竹给指点一下啊

作者: felt 时间: 2013-11-20 09:37:42

font-size吧

作者: factory 时间: 2013-11-20 09:39:31

wp260204287 发表于 2013-11-20 09:33
斑竹，我在.aa .mini-textbox-input{
background-color:red
font_size:5px

1.red后面漏了;分号

2.font-size 不是font_size

作者: wp260204287 时间: 2013-11-20 09:50:16

factory 发表于 2013-11-20 09:39
1.red后面漏了;分号

2.font-size 不是font_size

谢谢斑竹的回复啊，我改了还是不行啊

作者: felt 时间: 2013-11-20 09:56:35

[attach]3225[/attach][attach]3224[/attach]
如图，可以的

作者: factory 时间: 2013-11-20 09:57:26

本帖最后由 factory 于 2013-11-20 09:58 编辑

wp260204287 发表于 2013-11-20 09:50
谢谢斑竹的回复啊，我改了还是不行啊

[attach]3226[/attach]
.aa .mini-textbox-input{
background-color:red;
font-size:5px
}

可以的啊

作者: wp260204287 时间: 2013-11-20 10:00:25

felt 发表于 2013-11-20 09:56
如图，可以的

斑竹我这个页面还有一个文本框也是用的mini-textbox-input但是我把这个样式重新写了，就是不管事啊

作者: wp260204287 时间: 2013-11-20 10:01:58

factory 发表于 2013-11-20 09:57
.aa .mini-textbox-input{
background-color:red;
font-size:5px

谢谢斑竹的回复啊，我这个页面还有相同的.mini-textbox-input{
background-color:red;
font-size:5px
}
现在我另写了一个，但是样式还是用的哪一个

作者: factory 时间: 2013-11-20 10:16:15

wp260204287 发表于 2013-11-20 10:01
谢谢斑竹的回复啊，我这个页面还有相同的.mini-textbox-input{
background-color:red;
...

样式有权重,权重大的会覆盖小的

你是不是样式权重不够,导致没效果啊

作者: wp260204287 时间: 2013-11-20 11:08:09

factory 发表于 2013-11-20 10:16
样式有权重,权重大的会覆盖小的

你是不是样式权重不够,导致没效果啊

斑竹权重？
.aa .mini-textbox-{
      background-color:red;
height:20px;

         }我这个控制单元格高度，
然后你说控制不了字体
所以我又写了一个
.aa .mini-textbox-input{
      background-color:red;
height:20px;
      font-size:5px
}这个控制单元格字体，这样写单元格高度控制不了。字体也控制不了，含有斑竹我上面还有一个文本框
那个文本框我引用的夜歌样式表，在那个样式表里你教我设置了三个文本框的样式，是不是这样写有重突啊，希望斑竹指点啊。用不用发代码

作者: felt 时间: 2013-11-20 11:31:45

mini-textbox你可以用firebug看下，是有几层结构的，而不是一层的input，所以你改高度的话需要改3个样式，你字体是在最里层那个input里显示的，所以你需要改最里层那个input.
你把你的具体的需要说清楚，一个页面里有几个textbox,每个需要改成什么样子。

作者: wp260204287 时间: 2013-11-20 15:57:34

felt 发表于 2013-11-20 11:31
mini-textbox你可以用firebug看下，是有几层结构的，而不是一层的input，所以你改高度的话需要改3个样式， ...

谢谢斑竹的回复，我总共有俩个文本框
A文本框变高、变宽、字体变大。
B文本框在Grid里，这个文本框是咱们普通的文本框，字体是mini默认的。
可是现在A文本框我调用的一个写好的样式。css文件，
而B文本框我在前台写了
aa .mini-textbox-input{
background-color:red;
height:20px;
font-size:5px
}这个控制。
到目前为止B文本框不行。
希望斑竹指点一下啊

作者: factory 时间: 2013-11-20 16:16:55

wp260204287 发表于 2013-11-20 15:57
谢谢斑竹的回复，我总共有俩个文本框
A文本框变高、变宽、字体变大。
B文本框在Grid里，这个文本框是咱们 ...

B文本框的class内写了aa没?

<input class="mini-textbox aa">

作者: factory 时间: 2013-11-20 16:59:13

wp260204287 发表于 2013-11-20 15:57
谢谢斑竹的回复，我总共有俩个文本框
A文本框变高、变宽、字体变大。
B文本框在Grid里，这个文本框是咱们 ...

表格里面,除了textare可以调整高度,其他不行

宽度可以调,设置minWidth="200px"

textare设置高度 minHeight="100"

作者: wp260204287 时间: 2013-11-20 17:24:22

factory 发表于 2013-11-20 16:59
表格里面,除了textare可以调整高度,其他不行

宽度可以调,设置minWidth="200px"

谢谢斑竹的回复，
我的表格不该变高度啊，还是默认的，但是我的那个A文本框不是引用了一个CSS文件吗、所以表格里的B文本框也跟着改变了，所以我的加一个
aa .mini-textbox-input{
background-color:red;
height:20px;
font-size:5px
}
我的表格里加<input class="mini-textbox aa了这个。

作者: factory 时间: 2013-11-21 09:31:16

wp260204287 发表于 2013-11-20 17:24
谢谢斑竹的回复，
我的表格不该变高度啊，还是默认的，但是我的那个A文本框不是引用了一个CSS文件吗、所 ...

表格的编辑器,除了textare,其他的不能调高度

作者: felt 时间: 2013-11-21 09:34:56

wp260204287 发表于 2013-11-20 17:24
谢谢斑竹的回复，
我的表格不该变高度啊，还是默认的，但是我的那个A文本框不是引用了一个CSS文件吗、所 ...

你给A文本框加个单独的class让他不要影响到B好了。

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