html - How to change width of text-box using kendo-ui? -



html - How to change width of text-box using kendo-ui? -

so, want 2 adjacent text boxes different widths, using kendo-ui.

my html:

<tr> <td><input type="checkbox">1d22339</td> <td>12243jnj3427676</td> <td><input type="text" class="k-input k-textbox.medium"><input type="text" class="k-input k-textbox.small"></td> </tr>

my css code:

.k-textbox.small{ width: 20px; } .k-textbox.medium{ width: 50px; }

the problem is, both textboxes appear same default size. how may correctly style text-box?

thanks!

you should it-

input[type='text'].k-textbox.small{ width: 20px; } input[type='text'].k-textbox.medium{ width: 50px; }

or

.k-textbox.small{ width: 20px !important; } .k-textbox.medium{ width: 50px !important; }

hope helps you.

html css textbox kendo-ui

Comments

Popular posts from this blog

php - How to pass multiple values from url -

database - php search bar when I press submit with nothing in the search bar it shows all the data -

ios - How to load .png images from Documents folder of an app -