다중 선택에서 호버 효과가 제대로 작동하지 않습니다.

Question

저는 이것을 library입니다. 예를 보려면 첫 번째 DEMO (사전 선택 옵션)를 참조하십시오. hover 효과는 선택 측면에서 제대로 작동하지 않습니다. (일부 시간은 li 태그는 색상을 변경하지만 때로는하지 않습니다)

이 잘 알고있는 사람이 문제를 해결하는 데 도움을 주시기 바랍니다 수 있습니다.

Answer 1

나는 이것을 해결하기 위해 다음과 같이했다. 그것이 괜찮은지 모르겠다. 하지만 효과가있었습니다.

CSS 파일에서 아래 코드를 제거했습니다.

/*.ms-container .ms-selectable li.ms-hover, 
    .ms-container .ms-selection li.ms-hover{ 
     cursor: pointer; 
     color: #fff; 
     text-decoration: none; 
     background-color: #08c; 
}*/ 

및

은 리 태그 그것을 할 수있는 새로운 코드를 추가했습니다.

li:hover{ 
cursor: pointer !important; 
color: #fff !important; 
text-decoration: none !important; 
background-color: #08c !important; 
} 

Answer 2

자바 스크립트를 사용하여 스타일을 적용합니다 (마우스를 올리면 클래스 변경). 왜 CSS를 직접 사용하지 않습니까? 한 번만 변경 : 선택자 .ms-hover ~ : 마우스 오버.

.ms-container .ms-selectable li:hover, 
.ms-container .ms-selection li:hover{ 
     cursor: pointer; 
     color: #fff; 
     text-decoration: none; 
     background-color: #08c; 
}