개발자가 되고 싶은 새

  • 홈
  • 태그
  • 방명록

CSS 1

:checked 를 이용하여 input type radio, checkbox 클릭 시 디자인 바꿔주기

HTML/CSS 프로젝트를 진행하며 js 없이 버튼 효과를 줄 수 있는 방법을 찾아 헤맸다. 처음 찾은 방법은 :active 였는데 액티브는 버튼을 클릭하는 순간만의 효과를 줄 수 있다. 📃작성예시📃 🎈 기본 CSS 설정 [type="radio"]{ appearance: none; border: 1px solid #c4c4c4; border-radius: 50%; width: 24px; height: 24px; } [type="radio"]:checked{ border: 7px solid var(--primary-color); background: #c4c4c4; } [type="radio"] 라디오 속성을 가진 모든 태그에 적용 apprearance : none; 으로 기본 디자인을 제거 해주었다. 그..

CSS 2023.06.27
이전
1
다음
더보기
프로필사진

  • 개발새발 (102)
    • 근황 :) (0)
    • Git (4)
    • HTML (4)
    • CSS (1)
    • Sass (1)
    • JS (8)
    • React (9)
    • Typescript (1)
    • 코딩테스트 (60)
    • 멋쟁이사자처럼 프론트엔드 스쿨 6기 (7)
      • 프로젝트 (7)

Tag

틱택토게임, chartjs, prop, 타입스크립트, 테일윈드, command not found, 차트제이에스, tictiactoe, TypeScript, 틱택토, 리액트, 공식문서, React, 프론트엔드, react-chart-js, tictactoe, 투두리스트, chartjs2, TAILWIND, useState,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 서진만
  • 정지영

티스토리툴바