일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 인프런
- 개발자
- 자바스크립트
- 자바스크립트코딩테스트
- 파이썬무료강의
- Python
- js코딩테스트
- 티스토리챌린지
- 1on1
- 오블완
- 자바스크립트공부
- 원온원
- javascript
- 자바스크립트코테
- 스파르타코딩클럽
- 퍼블리싱
- 프로그래머스
- 퍼블리셔
- 힙한취미코딩
- 파이썬
- zinnadevdiary
- 지나코딩
- 코딩테스트
- 개발지식
- 웹퍼블리셔
- pythonquiz
- js
- 코딩테스트연습
- CSS
- 1on1미팅
Archives
- Today
- Total
목록폼컨트롤 (1)
성장가능성 200% 프론트엔드의 Dev 다이어리
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/RC0Xx/btslJ1ytphp/2ND5a5YkpalWmt77HWhEc0/img.png)
퍼블리싱을 하다보면 폼 요소에 각각 컬러를 지정하는게 너무 귀찮았는데, accent-color를 사용하면 폼 요소의 디자인 UI의 컬러를 한꺼번에 지정할 수 있어서 편리하다. 그치만 모든 폼 양식에 적용되는 것은 아니고 폼 양식 중, 에 적용할 수 있다. 체크1 체크2 체크3 라디오1 라디오2 레인지 진행률 @charset "utf-8"; :root { --form-color: pink; } input[type='checkbox'], input[type='radio'], input[type='range'], progress { accent-color: var(--form-color); }이처럼 메인 컬러로 pink를 사용하기로 하여, :root에 핑크 컬러를 변수로 선언해 두었다. 혹여나 프로젝트 중 메..
퍼블리싱/css
2023. 6. 29. 13:27