So ändern Sie die Breite der text-box mit kendo-ui?

Möchte ich zwei benachbarten Textfelder mit unterschiedlichen breiten, mit kendo-ui.

Mein 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>

Mein CSS:

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

Das problem ist, Sie beide Textfelder, die erscheinen, mit den gleichen (Standard -) Größe. Wie kann ich richtig Stil der text-box?

InformationsquelleAutor achrvi | 2014-10-18
  1. 3

    Versuchen Sie dies:

    HTML-Code:

    <tr>
    <td><input type="checkbox">1D22339</td>
    <td>12243JNJ3427676</td>
    <td><input type="text" class="k-input k-textboxmedium">
        <input type="text" class="k-input k-textboxsmall"></td>
</tr>

    CSS-Code:

    .k-textboxsmall{
    width: 20px !important; 
}
.k-textboxmedium{
    width: 50px !important;
}
    InformationsquelleAutor Sathish
  2. 0

    Sollten Sie es mögen-

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

    oder 

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

    Hoffe es hilft dir.

    InformationsquelleAutor Mukul Kant
Schreibe einen Kommentar