메뉴 건너뛰기

검색창 닫기

HEUKMYO

Html/css

form input placeholder line-height 적용 방법

흑묘 2015.05.02 02:05 read.1699

input태그의 어트리뷰트(attribute) placeholder의 크로스 브라우징할 시 placeholder에 line-height 가 적용 되지않을때 

placeholder를 css를 넣기 위해 아래와 같이 선언한다.

  

input::-moz-input-placeholder {}

input::-webkit-input-placeholder {}

 

하지만 placeholder에 line-height를 주는 것보다는 좀 더 낳은 크로스 브라우징 방법

 

바로 익스플로러 주석문을 이용해 별도로 선언해주는 것

 

 

<!--[if lt IE 9]>

<style>

input{ line-height:24px; }

</style>

<![endif]-->

  

또는 CSS 파일을 별도로 분리하여 적용 시킬 수 있다

추가메뉴 목록
위로