input은 줄넘김이 안된다

포스트 페이지를 리펙토링 과정중에
신경안쓴 부분이 있는데 내용을 기입할때 줄바꿈이 안되는것이었다....
인풋태그가 줄바꿈이 안된다는걸 처음 알았음...

그래서 textarea로 바꾸어 주었다

const ContentInput = styled.textarea`
  width: 1200px;
  height: 180px;
  font-size: 16px;
  margin: 40px auto 60px;
  padding-left: 20px;
  padding-top: 20px;
  border-radius: 8px;
  border: solid 1px #cfced7;
  background-color: #fff;
  outline: none;
  color: #484848;
  &::placeholder { 
    color:  #dddce3;;
  }
`

근데 왜 플레이홀더 색깔이 안바뀌냐??
그건

 &::placeholder { 
    color:  #dddce3;;
  }

이렇게 넣어줘야 바뀜 이것땜에 1시간동안 고생함 ㅠㅠ