iPad / iPhone에서 CSS 제출 버튼 이상한 렌더링

iPad / iPhone에서 CSS 제출 버튼 이상한 렌더링

---

반경, 색상 및 테두리를 사용하여 CSS로 버튼의 스타일을 지정하면 모양이 좋지만 iphone / ipad / ipod에서는 끔찍한 것처럼 보입니다 ... Safari Desktop과 동일한 렌더링이 아니어야합니까 ??

---

죄송합니다! 방금 나 자신을 찾았습니다 : 필요한 요소 에이 줄을 추가하십시오.

   -webkit-appearance: none;

---

이 코드를 CSS 파일에 추가하십시오.

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

도움이 될 것입니다.

---

웹킷 모양에 대한 위의 답변은 마술을 수행했지만 버튼은 다른 장치 / 데스크탑의 브라우저와 비교할 때 여전히 창백하고 둔하게 보입니다. 또한 불투명도를 전체로 설정해야했습니다 (0에서 1까지의 범위).

-webkit-appearance:none;
opactiy: 1

불투명도를 설정 한 후 버튼은 모든 다른 장치 / 에뮬레이터 / 데스크톱에서 동일하게 보입니다.

참고 URL : https://stackoverflow.com/questions/5438567/css-submit-button-weird-rendering-on-ipad-iphone