-
input checkbox 커스텀 (JS로 만들었던 것 CSS로 구현)프론트엔드/CSS 2022. 10. 4. 10:08
1. 내가 작성한 로그인 상태 유지 버튼
내가 만들 때는 그냥 체크 되는 것만 생각해서 checkbox가 아니라 그냥 이미지로만 넣고 JS로 토글을 넣어줘서 체크되게끔 만들었다.
2. 교안을 보고 다시 만들어 본 것checkbox를 커스텀 할 수 있다는 것을 처음 알았고,
CSS로만 구현할 수 있다는 것에 놀랐다.
CSS로만 구현하려고 했을 때 :focus를 줘서 이미지를 변경시켰지만 다시 눌러도 해제되지 않아서 포기하고 JS를 구글링해서 찾았었다...
신비로운 CSS의 세계...https://velog.io/@sabit97/input-checkbox-%EC%BB%A4%EC%8A%A4%ED%85%80
input checkbox 커스텀
✅ 1. 내가 작성한 로그인 상태 유지 버튼 ✅ 2. 교안을 보고 다시 만들어 본 것
velog.io
옛날 블로그 글 이전
'프론트엔드 > CSS' 카테고리의 다른 글
position: sticky; 🆚 position:fixed; (0) 2022.06.29 마진겹침 왜 생기는 걸까? (0) 2022.06.29