열린 사각형 안에 아이콘을 삽입하여 fontawesome을 사용하여 아이콘을 만들려고합니다. 마우스 오버시 정사각형 내부의 배경색은 물론 정사각형의 실제 색상과 아이콘 색상을 변경하고 싶습니다.
여기에 예를 넣었습니다. http://jsfiddle.net/5hzv3/2/
.social-icons .fa-square-o:hover {
background-color: #3b5998; /* This overflows outside the square */
color: #fff
}
문제는 실제로 사각형의 자식 요소 위로 마우스를 가져가는 것이므로이 작업을 수행하려고합니다.
그게 당신에게 필요한 것입니까?
바이올린 : http://jsfiddle.net/5hzv3/6/
CSS를 다음과 같이 변경했습니다.
.fa-lg:hover { color: #fff }
.fa-lg:hover > i { color: #3b5998; }
사각형 만 변경해야하는 경우 . 다음은 코드입니다.
.fa-lg:hover { color: #fff }
.fa-lg:hover > .fa-square-o { color: #3b5998; }
편집 나는 당신을 도울 수있는 예를 만들었습니다. 그것은이다 NOT 모든 경우, buuut에 맞는, 당신에게 아이디어를 줄 수 있다는 일반적인 CSS.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다