[React] Styled Components placeholder color change 리액트 스타일컴포넌트로 인풋창 플레이스홀더 텍스트 색상 변경하는 법

글자수 제한으로 짤린 썸네일;

답장 메세지를 입력하는 인풋창에 있는 플레이스 홀더 텍스트 색상을 변경하고 싶었다

원래 이색이 아녔음

• 컴포넌트

<ReplyInputText
    value={input}
    onChange={handleCheckValid}
    type="text"
    placeholder="메세지 입력하기..."
/>

• 스타일 컴포넌트

const ReplyInputText = styled.input`
    &::placeholder {
        color: #c4c4c4;
    }
    padding: 18px;
    flex-grow: 1;
`;

 

&:: 를 앞에 붙여주면 되는것이었다 초간단!