문제점

코드

import styled from "@emotion/styled";

export const Input = styled.input`
  width: 384px;
  padding-left: 16px;
  height: 64px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #ffffff;
  border-radius: 16px;
  margin-bottom: 20px;
`;

해결책

코드

import styled from "@emotion/styled";
export const Input = styled.input`
  width: 384px;
  padding-left: 16px;
  height: 64px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #ffffff;
  border-radius: 16px;
  margin-bottom: 20px;

  &::placeholder {
    color: red; /* 기존 placeholder 스타일을 override 한다. */
  }
`;