옵션(셀렉트 태그)에 화살표가 이중으로 표시돼요.

Table of Contents

핵심 요약: 옵션 셀렉트 태그의 화살표가 이중으로 보일 때, CSS로 중복 화살표를 숨기는 방법을 안내합니다.

SELECT2 라이브러리에서는 기본적으로 스타일(화살표 표시)을 제공하고 있습니다. 그러나 이용하고 계신 테마 내에서 셀렉트 태그에 대한 스타일을 추가로 제공하여 중복 적용된 현상일 수 있습니다. 이 경우, 하단 CSS를 [외모 > 사용자 정의하기 > 추가 CSS] 또는 차일드테마의 style.css 파일에 추가한 뒤 확인 부탁드립니다.
.woocommerce table.additional-sales-items .select2-selection__arrow b, 
.woocommerce table.variations tr .select2-selection__arrow b {
    display: none !important;
}
 

자주 묻는 질문 #

왜 화살표가 두 개로 보이나요?

SELECT2 라이브러리의 기본 화살표와 테마에서 추가한 스타일이 중복 적용되기 때문입니다.

어떻게 해결하나요?

제공되는 CSS 코드를 추가해 하나의 화살표만 표시되도록 조정할 수 있습니다.