set size of an input/textbox kendo mobile

[Espen Moen Kvelland]

Hello, 

I have a page that looks like the one attached. The textbox here looks very small compared to the rest of the page, is there an easy way to make this look a bit better. I mean by making the textbox bigger and the font inside also, thanks

[Jan-Dirk]

Html code:

<input type="text" class="textboxclass" />

Your CSS code:

.textboxclass {
    height: 15px;
    width: 80px;
}

[Craig]

First of all I am about to tackle this same issue. Why the following helps I have noticed in the emulator it works great it doesnt produce the same results on my actual phone (HTC One). I will post another reply if I figure out a good answer.

.textboxclass {

    width: 80px;
    padding: 4px;
    font-size: 1.5em;

}

[Espen Moen Kvelland]

Thanks. This looks ok on both emulator and my Samsung S4. Will check on other phones off course also. Please keep the thread updatet if you find another way that makes this look good on you HTC one

[Craig]

Clarifying statement: I only had issues with "dropdowns" appearing in the emulator as nicely padded but on my phone padding was ignored so try styling a dropdown and let me know if it works for you.