我有一个Kendo NumericTextBox,我想在其中将文本与一些填充对齐。
这是telerik的演示页面:http://demos.kendoui.com/web/numerictextbox/index.html
我已经应用了以下样式,它将文本对齐ok:
/*Right align numeric text*/
.k-numerictextbox .k-input {
text-align: right;
}
我的问题是,每当我添加填充时,向上/向下箭头都会被挤压而不是我的文本移位。
我已经尝试将box-sizing设置为border-box,但是不能完全正确。
任何有css技能的人都想看看?
答案 0 :(得分:8)
我已应用以下风格来实现目标。
.k-numerictextbox .k-input {
width: 96%;
text-align: right;
padding-right: 5px !important;
}