호버시 부트 스트랩 드롭 다운에 대한 배경 변경

Question

탐색 항목에서 부트 스트랩의 드롭 다운을 사용 중이며 하위 메뉴 링크를 마우스로 가리 키도록 변경하고 싶습니다. 시도하고있는 것은 아무것도 없으며 나는 그것을 이해할 수 없습니다. 크롬 콘솔에서 물건을 실행하려고 할 때도 효과가 없습니다.

기본값을 덮어 쓰는 CSS 파일을 만들었습니다. 정상 a 태그의 배경 변경은 작동하지만 커서를 올리면 변경되지 않습니다. 왜 그런가요? 또한 li에 영향을 미치고 !important을 사용했지만 그 중 아무 것도 효과가 없습니다.

부트 스트랩 3.1.1을 사용하고 있습니다.

.dropdown-menu > li > a { 
    color: white; /* This has an effect */ 
} 

.dropdown-menu > li > a:hover { 
    background-color: red; /* This doesn't... why? */ 
} 

을 그리고 (당신이 버튼을보기 전에 왼쪽으로 결과 패널을 훨씬을 드래그해야 어떤 이유로) 데모 너무이 jsfiddle 체크 아웃 : 여기 내 CSS입니다. 어떤 아이디어?

편집

참고 난 안 MyProfile 메인 버튼,의 링크 의 드롭 다운을 배경색을 변경하려합니다.

Answer 1

부트 스트랩은 요소의 배경 이미지를 정의하고 간단한 채우기 색을 사용하도록 제거합니다. 다음과 같이
는 단순히 가져가 다시 정의 :

.dropdown-menu > li > a:hover { 
    background-color: red; 
    background-image: none; 
} 

http://jsfiddle.net/sW7Dh/4/