Question

我尝试过像

这样的事情

    .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; 
}

但它们都不起作用。

Answer 1

试试这个：

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

Answer 2

我在Chrome中尝试了以下代码，修复了100％缩放问题时丢失的底部边框。

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

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

2 个答案: