Kendo Text Field Text Fill

Question

I have a Kendo NumericTextBox in which I would like to align the text correctly with some addition.

Here's a telerik demo page: http://demos.kendoui.com/web/numerictextbox/index.html

I applied the following style, which aligns the text in order:

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

My problem is that whenever I add an additive, the up / down arrows are compressed rather than changing the text.

I tried to set the size of the field in the frame, but I can not understand everything correctly.

Anyone with some css skills want to take a look?

Answer 1

I applied the following style to achieve the goal.

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