Safari Mobile에서 입력 버튼 모서리를 둥글게 처리하지 못하도록합니다.

Safari Mobile에서 입력 버튼 모서리를 둥글게 처리하지 못하도록합니다.

---

주제가 모든 것을 말하는 것 같아요. Iphone, Ipod 또는 Ipad에서 볼 때 웹 응용 프로그램이 있고 입력 제출 버튼의 모서리가 둥글다. 이것을 막을 방법이 있습니까?

---

추가하면 ...

input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

그러면 버튼이 다른 브라우저에 적용한 CSS 스타일을 상속합니다.

---

나를 위해 작동하지 않았습니다. -webkit-appearance : none.

이것은 다음을 수행합니다.

input[type=submit] {
    -webkit-border-radius:0px;
}

iPhone에서만 배경 이미지가있는 버튼의 둥근 모서리와 동일한 문제가 발생했습니다.

---

다음 CSS를 사용해 볼 수 있습니다.

-webkit-appearance:none;

더 많은 정보 : http://trentwalton.com/2010/07/14/css-webkit-appearance/

---

iPad 2에서는 다음을 사용해야합니다.

-webkit-appearance:none;
border-radius: 0;

버튼 클래스에서.

---

입력 제출 유형이 "이미지"인 사이트가 있습니다. 위의 변형은 둥근 모서리를 수정했습니다.

input[type=image] {
    -webkit-border-radius:0px;
}

---

설정 background: linear-gradient(color1, color2)이 Apple 장치의 지나치게 둥근 모서리를 제거하고 시도한 다른 모든 브라우저 / 플랫폼에서 작동 한다는 것을 발견 했습니다.

참고 URL : https://stackoverflow.com/questions/5263260/stop-safari-mobile-from-giving-input-buttons-rounded-corners