요소 클릭시 styled-components 스타일 적용 관련

Question

해당 아래 요소를 클릭하면이와 같이 스타일이 변경되도록 하고 싶습니다.const Box = styled.div` display : flex; width: 281px; height: 120px; flex-direction: column; justify-content: center; flex-shrink: 0; border: 1px solid var(--neutral-dark-darkest, #1F2024); text-align: center; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 900; line-height: normal; letter-spacing: 0.24px; border-radius: 10px; border: 1px solid var(--neutral-dark-lightest, #8F9098); background: var(--neutral-light-light, #F8F9FE); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); & :active { border: 1px solid var(--jled, #B80000); background: var(--support-error-light, #FFE2E5); // 스타일 적용 안됨 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } `return(

100,000

머니

)그런데 스타일이 적용되지 않고, 클릭시 하위 태그에만 나타나고 클릭 후 색상 변경이 적용되지 않습니다. 어떤것이 문제일까요?

몰랑토끼 · Answer

혹시 퍼블 공부없이 아에처음부터 프론트공부하시는걸까요?

KarlStyner · Answer

& :active -> &:active

요소 클릭시 styled-components 스타일 적용 관련

2개의 답변

#styled-components 목록