input창 관련

[tjdgoz]

1. input창 안의 placeholder, defaultValue → paddingleft: 10px
2. 인풋창 클릭시 아웃라인 색 변경은 메인색상

 export const ReviewInput = styled.textarea `
  border: 1px solid #f7f7f7; // none 하면 foucus가 먹지 않아서 background-color와 동일하게 맞춰준 코드
  background-color: #f7f7f7;
  :focus {
    outline: 2px solid #40e0d0; // 이게 아웃라인 색 변경
  }`

3. 인풋창 안의 placeholder 색상 #4f4f4f / defaultValue색상 #bdbdbd → 두개의 색상 따로 설정하지 않으면 다르게나옴

export const DetailInput = styled.input`
  color: #bdbdbd;
  ::placeholder {
    color: #4f4f4f; 
  }
`;

4. 3번의 내용은 디폴트밸류랑 플레이스홀더를 구분해야할 때 사용, 플레이스홀더만 사용시 변경하지 않아도 됨!! (플레이스홀더 기본색상 #999)