스팬/버튼 호버의 테두리 색상 변경

Question

버튼 안에 스팬 클래스가 있습니다. 스팬 클래스 (왼쪽 플로트)는 '+'아이콘 바로 오른쪽 테두리가 있어야합니다.

내가 겪고있는 문제는 버튼 위로 마우스를 가져 가면 스팬 경계 색상이 녹색에서 빨간색으로 바뀌지 않는다는 것입니다.

이 바이올린을 참조하십시오

http://jsfiddle.net/bAv7C/9/

그것은 읽는 것 같지 않습니다

.plus:hover{ 
    border-right: 2px solid red; 
} 

감사합니다.

Answer 1

대신 button:hover .plus에 스타일을 적용해야합니다. 나는 forked you fiddle입니다.