[Issue] input 태그 자동완성시 배경색 변경

🚧 Issue

인풋 박스 텍스트 자동완성시 배경색이 바뀌는 문제

❓ Why

자동완성시 기본 스타일 에이전트에 색상이 바뀌는 코드 작동

input:-internal-autofill-selected {
    background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
}

🛠 Solve

기본 스타일 에이전스에 배경색은 !important로 설정이 되어 있으므로 autofill 선택자에 box-shadow로 배경색을 제어할 수 있다.

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
    box-shadow: 0 0 0px 1000px #fff inset;
}