포커스가있는 선택 상자 옵션에서 배경색을 변경하면 작동하지 않습니다.

Question

이것은 특히 jQueryUI 테마를 사용하는 selectBoxIt jQuery 플러그인과 관련이 있습니다.

나는이 호버 행동을 설정 한 :

/* Individual Option Hover Action */ 
.selectboxit-option .selectboxit-option-anchor:hover { 
    color: #ffffff; 
    background-color: #ff0000; 
    text-decoration: none; 
} 

잘 작동하는지. 옵션 위로 마우스를 가져 가면 흰색 배경에 빨간색 배경이 표시됩니다. 그러나

, 나는 이렇게 ...

.selectboxit-option:focus .selectboxit-option-anchor:focus { 
    color: #ffffff; 
    background-color: #ff0000; 
    text-decoration: none; 
} 

... 아무것도 변경되지 않습니다.

selectBoxIt의 기본 웹 페이지에있는 모든 데모가 키보드 포커스로 배경색을 변경하는 것을 볼 수 있습니다. 그래서 무엇이 누락 되었습니까?

Answer 1

기술적으로 각 옵션은 포커스 이벤트를 사용하지 않으므로 포커스 의사 선택기가 작동하지 않습니다.

.selectboxit-option.ui-state-focus { 
    background: #CCC; 
}