css - 剑道数字文本框文本填充

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