반응형
언제부턴가 많이 사용하는 ios 버튼 스타일이다.
체크박스로도 구현이 가능하지만 기능을 보면 'on'또는 'off' 둘 중 하나이기 때문에
라디오 버튼이 의미상 더 맞는것 같다
See the Pen Untitled by Yongkyu, Lee (@Yongkyu) on CodePen.
기본 라디오 버튼 모양(O)을 숨기고 라벨을 이용해 제어를 해야하는데,
라벨 마저 숨긴 상황에서 구현을 하기위해 switch라는 버튼의 trigger를 따로 만들어줘야 했다
(css만으로 UI는 구현가능하지만 이 버튼의 기능 활성을 위해 제이쿼리를 사용)
반응형
'html&css' 카테고리의 다른 글
| ol li 리스트의 counter reset속성을 활용해 목차같이 만들어 보자 (0) | 2024.06.24 |
|---|---|
| flex를 사용해 두줄짜리 카드리스트를 만들어보자 (0) | 2024.06.24 |
| css만으로 툴팁을 만들어 보자 (0) | 2024.06.21 |
| 접히고 펼치고하는 메뉴를 toggle로 구현해보자 (0) | 2024.06.21 |
| 인풋박스 입력시 자동으로 생기는 초기화버튼(X)을 바꿔보자 (0) | 2024.06.20 |