Kendo数字文本框文本填充

Question

我有一个Kendo NumericTextBox,我想在其中将文本与一些填充对齐.

这是telerik的演示页面:http://demos.kendoui.c​​om/web/numerictextbox/index.html

我已经应用了以下样式,它将文本对齐:

/*Right align numeric text*/
.k-numerictextbox .k-input {
    text-align: right;
}

我的问题是,每当我添加填充时,向上/向下箭头都会被压扁而不是我的文本移位.

我已经尝试将box-sizing设置为border-box,但是不能完全正确.

有css技能的人想看看吗？

Answer 1

我已应用以下样式来实现目标.

.k-numerictextbox .k-input {
    width: 96%;
    text-align: right;
    padding-right: 5px !important;
}