Tailwind 사용 시 <progress> pseudo-element

브라우저 기본 스타일 문제 태그는 브라우저가 기본으로 스타일을 지정해주는 요소이 기본 스타일은 Tailwind CSS로 쉽게 덮어쓸수 없다. 이유는 다음과 같다. 채워진 부분은 실제 요소가 아니라 pseudo-element(가상 요소)인`::-webkit-progress-value`  또는 `::-moz-progress-bar`로 그려지기 때문이다.Pseudo-element란?HTML 코드에 직접 보이지 않는, 브라우저가 내부적으로 만들어서 스타일을 적용하는 "가짜" 일반적인 클래스만으로는 접근하기 어렵다. Tailwind의 Arbitrary VariantsTailwind CSS의 JIT 모드에서는 [] 안에 직접 CSS 선택자를 넣어줄 수 있다.아래 코드는 내 안의 ::-webkit-progress-v..
내가 쓸 유용한 잡지식 2025. 3. 28. 18:22
1