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

Program / 글쓴이

주제가 모든 것을 말하는 것 같아요. 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 기기에서 지나치게 둥근 모서리를 제거하고 내가 시도한 다른 모든 브라우저 / 플랫폼에서 작동 한다는 것을 발견 했습니다.

답변

“버튼”및 “제출”유형 모두에 대한 코드를 추가하여 해결했습니다.

   input[type="submit"] {
   text-align: center;
        -webkit-appearance:none;
        -webkit-border-radius:0px;
        border-radius:0;
        height:30px;
    }

    input[type="button"] {
        text-align: center;
        -webkit-appearance:none;
        -webkit-border-radius:0px;
        border-radius:0;
        height:30px;
    }