입력 높이를 줄이는 방법은 무엇입니까? Ionic2

Question

일반적으로 모든 구성 요소를 양식화하는 데 문제가 없지만 텍스트 입력 높이를 더 작게 만들 수있는 방법을 찾을 수 없으며이를 수행 할 수있는 방법이 있습니까?

<ion-item class="username"> 
    <ion-input></ion-input> 
    </ion-item> 

과 CSS :

.text-input{ 
height: something 
} 

:

.username{ 
    max-height: something; 
    height: something; 
} 

width 속성이 잘 작동하지만 높이

을 설정 캔트 나는 또한처럼 직접 입력 속성을 수정하려고했다

또는

.text-input-md { 
height: something 
} 

입력의 모든 속성을 편집하여 작은 크기로 만들었지 만 특정 크기에 고정되어있는 것과 같이 작동하지 않는 항목이 있습니다. 당신이 부트 스트랩을 사용하는 경우

Answer 1

를 다음 코드를 사용

<div class="form-group"> 
    <label for="inputsm">Small input</label> 
    <input class="form-control input-sm" id="inputsm" type="text"> 
</div> 

사용 또는 수 태그를 추가하면됩니다.

.username input{ 
    max-height: something; 
    height: something; 
} 

이렇게함으로써 특정

.username input.text-input{ 
    max-height: something; 
    height: something; 
} 

그런데 패딩과 글꼴 크기를 잊지 마세요. 작은 높이를 만들려고한다면 그것을 줄이십시오.

Answer 2

, 당신은 당신은 ion-input 나중에 입력을 생성로 입력을 대상으로 할 필요가 CSS에서

input[type=text] {height: 60px;}