Chrome CSS 변형 스케일 디스플레이 문제

Question

변형 스케일 CSS 속성을 사용하는 데 문제가 있습니다. 내가 크롬 및 CSS3 변환과 비슷한 문제를 했어 Screenshot of issue

: 여기

#pricing-table .pricing-column:not(.labels):hover { 
position: relative; 
z-index: 50; 
-webkit-transform: scale(1.02); 
-moz-transform: scale(1.02); 
-ms-transform: scale(1.02); 
-o-transform: scale(1.02); 
transform: scale(1.02); 
-webkit-box-shadow: 0 0 3px rgba(1, 1, 1, 0.3); 
-moz-box-shadow: 0 0 3px rgba(1, 1, 1, 0.3); 
box-shadow: 0 0 3px rgba(1, 1, 1, 0.3); } 

은 결과의 목록 항목의 일부에 이상한 회색 경계를주의 :

여기에 가져가 내 CSS입니다 전에는 그 (것)들을 해결하는 방법을 알아낼 수 없었다. 어떤 통찰력을 주셔서 감사합니다! Demo Link

Answer 1

U 국경을 추가 할 수 있습니다

감사

여기에 라이브 데모입니다. 나는 당신의 코드를 점검했고 이것이 효과가 있었다.

#pricing-table .pricing-column:not(.labels) li, 
#pricing-table .pricing-column:not(.labels):hover li { 
border: 1px solid #FFF; 
} 

U는 n 번째 자식을 사용하여 u를 괴롭히는 경우 첫 번째 li에서 제거 할 수 있습니다.

#pricing-table .pricing-column:not(.labels):hover li:first-of-type { 
border: none; 
}