zk编程语言： 如何改变datebox框值的大小及高度

<?page title="" contentType="text/html;charset=UTF-8"?>
<zk >
   <style>
.z-datebox-input {
        width: 400px;
        height: 150px;
        font-size: 40px;
        color: #3333FF;
        background-color: #F7F6F8;
        border: 3px solid #ccc;
        text-align: center;
     }
.z-datebox-button {
         padding: 6px 12px;
        font-size: 25px;
        line-height: 1;
        background-color: #eee;
        border: 1px solid #000;
        height:100px;
        width: 400px;
        white-space: nowrap;
        vertical-align: middle;
        display: table-cell;
     }
   </style>
    <datebox width="200px"/>
</zk>

显示效果如下 :

显示效果若有不足之处，望后辈改进