documenting and archiving

크롬에서 제공하는 자동완성 기능을 사용하면, 이렇게 input의 배경색이 파란색으로 바뀐다.자동완성의 배경컬러를 없애기 위해서는 input:autofill에 스타일을 적용해주면 된다. input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active { -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;}in..

1. 모바일 사파리에서 font-size가 적용되지 않는 경우 미디어쿼리로 모바일에서 font-size를 작게 설정하는 경우, 개발자 도구에서 봤을때는 정상적으로 적용되어 있는데도 실제로는 적용이 안되어 있는 경우가 있었다. 예를 들면 font-size: 10px 등으로 작은 수치로 설정했을 경우 적용되지 않는 경우가 발생했다. 아이폰은 화면 비율에 따라 폰트 사이즈를 자동으로 세팅하는 경우가 있어 발생한 이슈. -webkit-text-size-adjust: none; 적용해서 해결 2. 아이폰에서 a / button 태그의 폰트 컬러가 파란색으로 보이는 경우 a나 button에 폰트 컬러를 명시적으로 적용해주면 해결. 3. 모바일 사파리에서 input type="date" 텍스트 좌측정렬 하는 법 모바..