input box의 사이즈를 조절하고 싶습니다.
본문
반응형 웹을 만드는중인데 가로 픽셀에 맞춰서 늘었다 줄었다 하려면 어떻게 해야될까요?
input의 size값은 숫자만 적용이 되는데 방법이 있을까요?
답변 1
기본적으로 CSS에서 %로 width를 해보셔나요~~
예)
.coupon {
width: 100%;
max-width: 500px;
outline: none;
margin: 0;
box-sizing: border-box;
height: 22px;
}
.coupon-btn {
background: #21b85b;
border: 0;
padding: 7px 20px 7px 20px;
text-transform: uppercase;
color: #fff;
display: inline;
font-size:0.875;
max-width: 100%;
}
<input type="text" class="coupon input-res">
<button class="coupon-btn">Apply</button>
결국엔 css calc로 해결 봤습니다 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.