다른 배경색을 가리키면 jquery가 자동으로 입력됩니다.

Question

내 문제로 jsfiddle을 만들었습니다. 목록 위에 마우스 마우스를 사용하는 동안 문제가

Link to my jsfiddle

, 내 욕망 배경 호버 색상을 얻을. 그러나 화살표 키를 사용하여 탐색 할 때 기본 테마 색 jquery가 적용됩니다. 이렇게하면 마우스와 화살표 키를 사용하는 두 가지 배경색 세트가 만들어집니다. 나는 사용하려고 시도했다.

.ui-menu-item .ui-menu-item-wrapper:focus 

그러나 성공하지 못했다. 저는 jquery UI 1.12.1과 jquery 1.10.2를 사용하고 있습니다. 두 가지 이벤트에서 내 배경 색상과 텍스트 색상을 원하는 방식은 무엇입니까?

미리 감사드립니다.

Answer 1

나는 이것에 대한 책임이있는 클래스를 발견했다. jquery ui 테마 롤러의 CSS 파일을 살펴보면 실마리가되었습니다.

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover { 
    border: 1px solid #aaaaaa; 
    background: #cfd8e0; 
    font-weight: normal; 
    color: #212121; 
} 

이제 화살표 키를 사용하여 목록을 탐색하거나 탐색하는 것과 동일한 효과가 있습니다.