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

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -