문제 상황
- :root에 css 변수를 등록
- var()를 사용하여 버튼의 배경색으로 활용 시도
- 배경색이 투명하게 표시되는 현상 발생
원인 및 해결
- 색상 변수에 큰따옴표 사용
큰따옴표 사용이 원인이었음에도 불구하고 개발자 도구 상으로는 마치 정상적으로 색상을 지정한 것처럼 색상 아이콘이 표시되었습니다.
큰따옴표를 제거하니 배경색이 제대로 적용되었습니다.
덧
content 속성에는 ㅋ따옴표를 붙여주어야 합니다.
'크고 작은 문제들 > 사소한 실수' 카테고리의 다른 글
| [JavaScript] String.prototype.replace - undefined가 삽입되는 문제 (0) | 2023.09.22 |
|---|---|
| [PWA] mainfest.webmanifest를 가져오지 못하는 문제 (0) | 2023.07.28 |
| [HTML 태그] 컴포넌트 이름이 Form인 div 요소 (0) | 2023.07.11 |
| 테스트 파일 확장자 실수 (0) | 2023.06.22 |