<Select> 아래쪽 화살표는 한 번만 작동합니다.

Question

제가 설계 한 웹 사이트의 드롭 다운 상자는 <select>이며 하나의 문제를 제외하고는 훌륭하게 작동합니다. 드롭 다운 "화살표"를 선택하고 옵션 (옵션)을 선택하면 페이지의 오른쪽에 결과가 필터링됩니다. 큰!! 하지만 "화살표"를 다시 선택하려고해도 이름 표시 줄/옵션 표시 이름을 클릭하지 않으면 드롭 다운이 표시되지 않습니다. (나는 네가 무엇이라고 부르는 지 모르겠다).

내가 무슨 뜻인지 알면 더 좋습니다. 아래에서 질문하는 웹 페이지에 대한 링크를 게시했습니다. 세 개의 드롭 다운에서 하나의 옵션을 선택하면 필터가 다시 한 번 아래쪽 화살표를 눌러보십시오.

희망적인 것은 도움이 될만한 것이지만, 사소한 것이지만 사용자 경험이 약간의 좌절감을 줄 수 있습니다.

www.lunkerhunt.com/ourproducts.html

Answer 1

당신은에 -40px 여백 오른쪽의 UL 인증을 제공하는 클래스를 가지고 내가 찾을 수 없습니다 어떤 이유로 나타 40px 패딩을 고려하여 떠났다. 항목을 선택하면 채우기가 사라지고 올바른 내용이 드롭 다운의 화살표 부분과 겹칩니다. 그 클래스를 다음과 같이 변경하면 :

.edukitList { 
    margin: 0 auto 0 0; 
    padding: 0; 
} 

이렇게하면됩니다. 문제가 있으면 알려주세요