placeholder-shown

박경준·2022년 1월 26일
0

신용점수

목록 보기
6/7

placeholder는 기본 css를 상속받고, input의 value만 스타일을 적용하고 싶었다..

input.#{$module}__phone-number {
  display: block;
  width: calc(100% - 130px - 6px);
  padding-left: 8px;
  &:not(:placeholder-shown) {
  // &:not(:placeholder) 라고 쓰는줄 알았는데 :placeholder-shown 이런게 있었다!
    font-size: 16px;
    font-weight: bold;
  }
}
profile
빠굥

0개의 댓글