본문 바로가기

두 손끝의 창조자

검색하기
두 손끝의 창조자
프로필사진 codinglog

  • 분류 전체보기 (261)
    • 보안 (13)
    • Spring (37)
    • IoT (3)
    • 프로그래밍언어 (41)
      • Java (28)
      • Javascript (8)
    • 프로그래밍 (23)
    • BPMN (9)
    • HTTP (6)
    • git (10)
    • 개발환경 (16)
    • Database (20)
    • WAS (3)
    • OS (18)
    • 패키지관리 (15)
      • Gradle (13)
      • Maven (1)
    • Python (2)
    • JPA (9)
    • myBatis (5)
    • Docker (7)
    • react (11)
    • DevOps (8)
    • CSS (2)
    • SAP (3)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
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
Tags
  • tibero
  • MySQL
  • log4j2
  • useEffect
  • JPA
  • NCP
  • Git
  • JavaScript
  • intellijIDEA
  • gson
  • Linux
  • springboot
  • dbeaver
  • Java
  • Spring
  • nodejs
  • LOG4J
  • IntelliJ
  • nginx
  • Kubernetes
  • gradle
  • maven
  • docker
  • BPMN
  • sapfiorielements
  • Windows
  • react
  • mybatis
  • database
  • VSCode
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록input (1)

두 손끝의 창조자

checkbox focus 기본값 좀 제거해보자.

checkbox 를 좀 이쁘게 꾸며보자. [type='checkbox'] { vertical-align: middle; appearance: none; border-color: #29b6c6; transition: border 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; border-radius: 20%; } [type='checkbox']:focus { box-shadow: 0 0 0 0.2rem rgba(41, 182, 198, 0.25); } [type='checkbox']:checked { background-color: #29b6c6; } [type='checkbox']:checked..

CSS 2024. 2. 19. 12:50
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바