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>

显示效果如下 :

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