• 이용 문의
  • 회원가입
  • 로그인

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

27  

 

 

<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

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


이름
비밀번호
자동등록방지
분류 제목
intro CSS - 정의와 장점 + CSS 기본 문법
intro CSS - 발전사 (CSS1 → CSS2.01 → CSS3)
intro CSS - 적용 방법 3가지 ★★★ - (인라인스타일 / 내부스타일 / 외부스타일) CSS…
selector CSS - 선택자 (Selector) 종류 + 선택자에 사용가능한 문자 (= 선택자 이름짓…
selector CSS - ID선택자 (= 아이디선택자) , class선택자(= 클래스선택자) + CSS적…
selector CSS - * 전체선택자 - 모든요소 (요소선택자)
selector CSS - element 요소선택자 - 지정요소 (요소선택자)
selector CSS - element,element 병렬선택자 ★ - 나열된요소 (= 여러요소, 요소…
1/20
목록

방문자 수

오늘 608
어제 648
최대 2,081
전체 632,120
Since 2012