디자인에 따라 placeholder color 를 변경해야하는 경우가 있는데 다음과 같은 css로 수정할 수 있다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
input {
  &::placeholder {
    color: #f5747f;
    opacity: 1; /* Firefox */
  }
  &:-ms-input-placeholder {
    color: #f5747f; /* Internet Explorer 10-11 */
  }
  &::-ms-input-placeholder {
    color: #f5747f !important; /* Microsoft Edge */
  }
  &::-webkit-input-placeholder {
    color: #f5747f; /* Safari, Chrome */
  }
}