본문 바로가기
반응형

전체 글119

크롬 비밀번호 파란색 😥 왜 background-color가 적용되는가?크롬은 자동완성된 필드에 특별한 스타일(-internal-autofill-selected)을 적용하면서, 보안 이슈 때문에 이 스타일을 덮어쓰는 걸 제한합니다. 그래서 아래와 같은 문제가 생깁니다:background-color: transparent !important; 해도 크롬이 무시함box-shadow 등으로만 일부 스타일을 덮어쓸 수 있음✅ 해결 방법 (우회 방식)방법 1: box-shadow로 배경 덮기css복사편집input:-webkit-autofill { box-shadow: 0 0 0 1000px transparent inset !important; -webkit-text-fill-color: #000 !important; } 이렇게 하면.. 2025. 4. 16.
word-break: break-all; word-break: break-all; 연속된숫자, 영문 한줄로쭉된다 => 주소링크 2025. 4. 4.
서브셋폰트 https://spoqa.github.io/spoqa-han-sans/ 스포카 한 산스 네오  Spoqa Han Sans NeoSpoqa unveil the new Spoqa Han Sans Neo, which has evolved in many ways. | 여러모로 개선을 거쳐 진화한 스포카 한 산스 네오를 공개합니다. | これまでいろいろ改善して進化した新しいスポカーハンサンスネオspoqa.github.io   폰트버젼 정보확인하기https://fontdrop.info/ sqoqa sans neo폰트 서브셋폰트(불필요한글자 제거하고 사용할 글자만 남겨둔폰트)인경우걁샳 이런글자는 안나온다 2025. 4. 3.
a태그 링크 없을때 <a href="# 현재 코드도 동작은 하지만, 웹 접근성 측면에서 javascript:void(0);를 사용하는 것은 권장되지 않아.스크린 리더가 "링크"라고 인식하지만, 실제로 이동할 곳이 없기 때문이야.✅ 더 나은 코드 (웹 접근성 고려)1. href="#" + event.preventDefault(); 사용html복사편집a href="#" onclick="event.preventDefault(); showDtl('#aa')" class="notice-cover" role="button">버튼a> 🔹 이렇게 하면?✔ href="#"는 기본적으로 페이지를 이동시키려 하지만, event.preventDefault();가 이를 막아줌.✔ role="button"을 추가하여 스크린 리더가 "버튼"으로 인식할 수 있도록 함... 2025. 4. 1.
피그마 폰트 설치 https://blog.naver.com/ma9273/223554261398 2025. 3. 26.
ios 스크롤 버그 ios 스크롤 해결*세로 overflow-y: auto; -webkit-overflow-scrolling: touch; *가로 overflow-x: auto; -webkit-transform: translateZ(0);  https://bbol-world.tistory.com/24 ios 팝업시 overflow-x:scroll 안되는 문제ios에서 레이어팝업 시 overflow-x:scroll 안되는 문제에 대해서 업무하면서 레이어팝업으로 창을 띄우고, 그 안에 table이 width가 길어서 overflow-x:scroll로 처리를 했는데, 레이어팝업으로 띄운 후 확인bbol-world.tistory.com 2025. 3. 26.
반응형