kendo-ui를 사용하여 텍스트 상자의 너비를 변경하는 방법은 무엇입니까?

Question

그래서 kendo-ui를 사용하여 서로 다른 너비의 두 개의 텍스트 상자가 필요합니다.

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

내 CSS 코드 :

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

문제는 두 텍스트 상자 같은 기본 크기로 나타납니다. 텍스트 상자의 스타일을 올바르게 지정하려면 어떻게해야합니까?

감사합니다.

Answer 1

이 시도

HTML 코드 :.

<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 코드 :. 나는이 U에 유용 희망

.k-textboxsmall{ 
    width: 20px !important; 
} 
.k-textboxmedium{ 
    width: 50px !important; 
} 

,

Answer 2

당신은 - 그것을이

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

또는

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

는 것 당신을 도움이되기를 좋아한다.