• Q&A
  • 회원가입
  • 로그인

[css] CSS - 인풋태그 높이통일 (= 동일높이 = 높이동일 = 높이같게 = 세로길이 똑같게 = 높이맞추기) INPUT TYPE TEXT SUBMIT HEIGHT EQAUL EQUAL

459  

 

 

<style>

.input,

.submit {

    display: inline-block;

    padding: 10px 15px;

    font-size: 20px;

    border-radius: 0;

    -webkit-appearance: none;

}


.input {

    border: 1px solid lightgray;

}


.submit {

    background-color: lightgreen;

    border: 1px solid transparent;

}

.submit::-moz-focus-inner { 

    border: 0;

}

</style>

<form>

    <input class="input" type="search" placeholder="Search for...">

    <input class="submit" type="submit" value="Submit">

</form>

 

https://codepen.io/sinbi/pen/ZEYRqMw?editors=1100

※ 위 코드는 영문일 때만 적용.


방문자 수

오늘 1,466
어제 1,896
최대 2,271
전체 917,112
Since 2012