Borderless NumericTextBox

2 posts, 0 answers
  1. Terrell
    Terrell avatar
    3 posts
    Member since:
    Sep 2014

    Posted 07 Jul 2015 Link to this post

    Is there a way to remove the top border from the NumericTextBox? I have already removed the spinner but I need the top border gone and any padding.
  2. Plamen Lazarov
    Plamen Lazarov avatar
    135 posts

    Posted 09 Jul 2015 Link to this post

    Hello Terrell,

    The described behavior could be achieved with little CSS. For example: 

        .k-numerictextbox .k-numeric-wrap {
          border-top: 0;
        .k-numerictextbox .k-numeric-wrap,
        .k-numerictextbox .k-numeric-wrap:before,
        .k-numerictextbox .k-numeric-wrap:after {
          height: auto;
          line-height: normal;
          padding: 0;
        .k-numerictextbox .k-input {
          height: auto;
          line-height: normal;
          padding: 0;

    For your convenience I prepared a simple demo in order to illustrate this approach.


    Plamen Lazarov
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top