[CSS] 인터넷 브라우저 별 CSS 설정하기 (크롬, 사파리 등)

아이폰 유저로서 사파리로 웹앱의 상태를 확인 한 적 있었다.

내가 디자인한 버튼이 아닌 전혀 촌스러운 입체적 모양으로 바뀌어 있었다.

 

이런 경우, 아래와 같은 방법을 이용하면 해결된다.

.controlInWeb {
    -moz-border-radius: 2em;	/* 파이어폭스 */
    -ms-border-radius: 2em;		/* IE */
    -o-border-radius: 2em;		/* 오페라 */
    -webkit-border-radius: 2em;		/* 사파리, 크롬 */
    }

출처: https://stackoverflow.com/questions/18083056/what-are-moz-and-webkit