iPhone/Safari의 입력 필드에서 둥근 모서리를 제거하는 방법은 무엇입니까?

iPhone/Safari 입력 요소 반올림 제거

입력 필드는 일반적으로 iPhone/Safari 브라우저 내에서 둥근 모양을 나타내며 원하는 것과 충돌합니다. 직사각형 디자인. 이 문서에서는 CSS 또는 메타데이터를 통해 입력 요소 스타일을 수정하는 방법에 대해 자세히 설명합니다.

iOS 5 이상용 솔루션:

iOS 5 이상에서 둥근 모서리를 제거하려면 , 다음 CSS를 구현합니다.

<code class="css">input {
  border-radius: 0;
}

input[type="search"] {
  -webkit-appearance: none;
}</code>

대체 방법:

iOS에서 둥근 모서리를 제거하거나 플랫폼 간 정규화가 불가능한 경우 , 다음 CSS를 고려하세요.

<code class="css">input {
  -webkit-border-radius: 0;
}</code>

그러나 이와 같은 접두사가 붙은 속성에 대한 지원은 향후 중단될 수 있습니다.

기존 브라우저 솔루션:

이전 iOS 버전의 경우 -webkit-appearance 속성을 사용해야 했습니다.

<code class="css">input {
    -webkit-appearance: none;
}</code>

위 내용은 iPhone/Safari의 입력 필드에서 둥근 모서리를 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!