iOS에서만 반올림 한 divs/버튼 ??? jQuery, ajax, css

Question

저는 API를 사용하고 동적으로 버튼을 만드는 클라이언트에서 작업 해 왔습니다. 모든 것이 모든 플랫폼에서 훌륭하게 작동하며, Chrome 개발자 도구는 모든 "기기"에서 평범함을 드러내지 않습니다. 실제 장치에서 테스트하기 위해 AWS에 던졌습니다. 작동/iOS (iphone 및 ipad) div/버튼을 제외한 모든 부분에서 예상대로 동작합니다. 이 문제를 본 사람이 있습니까? 더 나은 방법은 그것을 해결하는 방법을 알아?

https://s3.us-east-2.amazonaws.com/rpjr/GitHubAPI/index.html

Answer 1

는 아이폰 OS가 <button> 요소 (안 div)에 기본 브라우저 스타일을 적용 : 여기 링크입니다.

는 그것을 해결하기 위해이 CSS 규칙을 추가합니다 :

.tapMe { 
    -webkit-appearance: none; 
} 

를이 여전히 둥근 모서리를 수정 해당 요소에 border-radius: 0를 추가하지 않습니다.