[ css ] input placeholder 색상 변경( input부분의 예제로 설정된 글자색 변경 ) > html&css

플레이스홀더 색상 변경

[code]

<input type="text" name='id' placeholder="아이디">

<input type="password" name='pass' placeholder="비밀번호">

[/code]

::placeholder 가상 셀렉터를 사용하여 색상을 변경

[code]

::-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;

}

[/code]

각각의 prefix는 따로 적어야 한다는 점

[code]

/* 이렇게 사용할 수 없다. */

::-webkit-input-placeholder,

:-moz-placeholder,

::-moz-placeholder,

:-ms-input-placeholder { ... }

[/code]

추천0 비추천0