프로필카테고리질문하기
로그인 계정 만들기

input placeholder 색상 변경

05 개월 전

input의 플레이스홀더 색상을 변경하는 방법은 무엇인가요?

<input type="text" placeholder="이름"> <input type="email" placeholder="이메일">
답변하기 의견 추가
의견 (0)
더 많은 의견 보기

답글 (1)

395 개월 전

::placeholder 가상 셀렉터를 사용하면 색상을 변경할 수 있어요.

::-webkit-input-placeholder { /* 크롬 4–56 */ color: #9e9e9e; } :-moz-placeholder { /* 파이어폭스 4–18 */ color: #9e9e9e; opacity: 1; } ::-moz-placeholder { /* 파이어폭스 19–50 */ color: #9e9e9e; opacity: 1; } :-ms-input-placeholder { /* 인터넷 익스플로러 10+ */ color: #9e9e9e; } ::placeholder { /* 파이어폭스 51+, 크롬 57+ */ color: #9e9e9e; opacity: 1; }

각각의 prefix는 따로 적어야 한다는 점을 명심하세요.

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { ... } /* 이렇게 하면 안돼요! */
의견 추가
의견 (0)
더 많은 의견 보기

정보

업보트
1
질문됨
5 개월 전
최근 활동
5 개월 전

카테고리

CSS