datepicker控件的长度高度可以修改吗?

natty7456

<input id="txt_FPlanCommitDate" class="mini-datepicker" runat="server" width="140" />

我加了宽度，好像没反应

我加了

style="width:140px;height:50px"可以

但是宽度调整了，高度没变化

factory

高度的话需要通过修改CSS来调节
请参考http://miniui.com/bbs/forum.php? ... &extra=page%3D1
datepicker的结构要比textbox复杂,所以需要CSS修改的样式较多
datepicker一般只是填充日期,默认的高度就够了,一般没必要去修改.

natty7456

为了和别的控件高度一致达到界面统一的目的，必须要更改高度。

我用CSS或者Jquery尝试来更改其高度，为了让变化明显，我且将其高度设定为300，看看发生了什么：

设定高度前：
设定高度后：

也就是说，控件的边框线条实际没有任何的变化，但是却用空白去撑开了原来的布局

这是什么情况，难道高度不能更改吗？

factory

natty7456 发表于 2012-9-20 16:09
为了和别的控件高度一致达到界面统一的目的，必须要更改高度。

我用CSS或者Jquery尝试来更改其高度，为了 ...

改变高度请参考http://www.miniui.com/demo/#src=form/diysize.html
可以看样式的自定义都在diysize.css文件里,官网下载的demo包里面有的

natty7456

你给的链接只有改变宽度没有改变高度的。

有什么可参考的

factory

natty7456 发表于 2012-9-21 08:07
你给的链接只有改变宽度没有改变高度的。

有什么可参考的

你仔细看了样式没?高度是做过改变的,变矮了.
比默认的低了几PX
border的高度,修改mini-buttonedit-border样式

natty7456

.mini-datepicker
{
    background-position:50% 1px;
}

CSS只有这个，这是改变高度么！？

其实我现在是想增加高度

factory

natty7456 发表于 2012-9-21 10:32
.mini-datepicker
{
    background-position:50% 1px;

你看了diysize.css文件没?

1. /* buttonedit */        
   
2. .mini-buttonedit
   
3. {
   
4.     height:19px;
   
5. }
   
6. .mini-buttonedit-border
   
7. {
   
8.     height:17px;
   
9. }
   
10. .mini-buttonedit-input
    
11. {
    
12.     height:17px;
    
13.     line-height:15px;
    
14. }
    
15. .mini-buttonedit-button
    
16. {
    
17.     height:13px;
    
18. }
    
19. .mini-buttonedit-icon
    
20. {
    
21.       
    
22.     width:15px;
    
23.     height:14px;
    
24. }
    
25. .mini-datepicker .mini-buttonedit-icon
    
26. {
    
27.     background-position:50% 1px;
    
28. }

复制代码

natty7456

针对datepicker控件，不就只有最后一句话，是有关系的么
.mini-datepicker .mini-buttonedit-icon
{
    background-position:50% 1px;
}

现在就很直接的问，我想把datepicker高度设定成50PX，可以做到吗，做的到代码怎么写？

factory

natty7456 发表于 2012-9-21 10:56
针对datepicker控件，不就只有最后一句话，是有关系的么
.mini-datepicker .mini-buttonedit-icon
{

当然可以啊,我都把修改高度的全部CSS贴给你了啊,怎么还会说只是最后一个样式呢?
datepicker的结构不是只有一层而已,他又输入框,有buttonedit,有border框组成的,没你想象那么简单.
你就把我给你的CSS复制过去,改成你要的高度就行了.
再有问题的话你可以用IE的开发人员工具,或者firefox的Firebug来查看datepicker的结构,然后再去修改样式