고정 호버는

Question

나는 내 자신의 워드 프레스 테마를 생성하고 난 문제가 : 나는 border-radius: 8px 8px 8px 8px/8px 8px 8px 8px와 탐색이

을; 내가 내 탐색을 가리킬 때마다 나는 border-radius: 8px 8px 8px 8px/8px 8px 8px 8px;을 정말로 넣고 싶지만 어떤 결과도 보이지 않습니다.

나는 이미 다른 것을 시도했지만이 문제를 해결할 방법을 결정할 수없는 것 같습니다.

여기 여기 내 Fiddle link

Answer 1

입니다 JSFiddle

#cssmenu ul li:hover { 
    border-radius: 8px 8px 8px 8px/8px 8px 8px 8px !important; 
} 

의 데모는이 코드를 추가하고 당신이 원하는 결과를 얻을 것입니다.

Answer 2

변경이 :이와

#cssmenu ul li:hover, 
#cssmenu ul li.active { 
    background: #2d78b2; 

    /* Old browsers */ 


} 

는 :

#cssmenu ul li:hover:nth-child(1), 
#cssmenu ul li.active { 
background: #2d78b2; 
border-radius: 8px 0px 0px 8px !important; 
    /* Old browsers */ 


} 

#cssmenu ul li:hover, 
#cssmenu ul li.active { 
    background: #2d78b2; 
border-radius: 0px 0px 0px 0px; 
    /* Old browsers */ 


} 

http://jsfiddle.net/TJe8w/2/

Answer 3

당신은 li에 국경 반경을 놓치고있어. 다음은 업데이트해야하는 CSS입니다.

#cssmenu ul li{border-radius: 8px;} 

그리고이 fiddle