Html/css

흑묘 2015.05.02 02:05 read.1863

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 파일을 별도로 분리하여 적용 시킬 수 있다

엮인글 0

12	폼 필드(input type="file")	2017.05.29
11	폼필드(체크박스, 라디오)	2017.05.29
10	폼 필드(select 박스)	2017.05.29
9	폼 필드(input type="text")	2017.05.29
8	select box, input box style 초기화 CSS	2017.05.29
7	파일 찾기	2017.04.27
>	input placeholder line-height 적용 방법 1	2015.05.02
5	form요소 css 스타일링	2015.05.02
4	ime-mode 입력폼의 한영전환 지정하기	2014.11.14
3	TextArea 박스 내부에 밑줄이미지 삽입	2009.09.09
2	회원가입 입력폼등에서 한글을 입력받아야 할 경우와 영문만 입력 받고 싶은 경우	2009.09.08
1	자동 완성 기능 사용하지 못하게 하는 방법 1	2009.09.08