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
Post a Comment