如何更改 Kendo UI 数字文本框的高度？答案

【问题标题】：How to change the height of a Kendo UI numerictextbox?如何更改 Kendo UI 数字文本框的高度？
【发布时间】：2016-03-08 06:03:49
【问题描述】：

我试过类似的东西

    .k-numeric-wrap .k-state-default{
         height: 24px;
         line-height: 24px;  
    }

它使数字文本框的底部边框消失。我也试过了

.k-formatted-value .k-input{
  height: 20px;
  line-height: 20px; 
}

.k-select{
  height: 20px;
  line-height: 20px;  
}

.k-numeric-wrap .k-state-default .k-state-hover{
  height: 24px;
  line-height: 24px; 
}

.k-widget .k-numerictextbox{
  height: 24px;
  line-height: 24px; 
}

.k-numeric-wrap .k-state-default{
  height: 24px;
  line-height: 24px; 
}

但它们都不起作用。

【问题讨论】：

你试过了吗 - .k-numeric-wrap .k-state-default{ height: 24px !important;行高：24px !important; }
@Chrislaar123 使用带有height 标签的!important 为我做到了。谢谢！

标签： html css kendo-ui frontend

【解决方案1】：

试试这个：

 .k-numeric-wrap.k-expand-padding .k-input {
   height: 2rem;
}

【讨论】：

【解决方案2】：

我在 Chrome 中尝试了以下代码，它修复了在 100% 缩放时缺少底部边框的问题。

.k-numerictextbox .k-input {
    height: 30px !important;//Could be set at any height 
}

【讨论】：