문제 상황
- :root에 css 변수를 등록
- var()를 사용하여 버튼의 배경색으로 활용 시도
- 배경색이 투명하게 표시되는 현상 발생
원인 및 해결
- 색상 변수에 큰따옴표 사용
큰따옴표 사용이 원인이었음에도 불구하고 개발자 도구 상으로는 마치 정상적으로 색상을 지정한 것처럼 색상 아이콘이 표시되었습니다.
큰따옴표를 제거하니 배경색이 제대로 적용되었습니다.
덧
content 속성에는 ㅋ따옴표를 붙여주어야 합니다.
'크고 작은 문제들' 카테고리의 다른 글
| window.location.origin - 웹사이트 기본 주소(origin) 가져오기 (0) | 2023.09.04 |
|---|---|
| [react-router-dom + jest] TypeError: Cannot destructure property 'basename' of 'React__namespace.useContext(...)' as it is null. (0) | 2023.09.04 |
| [Git] fatal: refusing to merge unrelated histories (0) | 2023.08.30 |
| [TypeScript] 배열 요소에 대한 타입 추론 (0) | 2023.08.17 |
| [React] JavaScript로 작성된 카카오 지도를 TypeScript로 포팅하기 (0) | 2023.08.03 |