Safari에서 입력 요소 반올림을 비활성화하는 방법은 무엇입니까?

Safari에서 입력 요소 반올림 비활성화

iPhone 및 Safari 브라우저용 웹사이트를 개발할 때 텍스트 입력 필드가 표시되는 문제가 발생할 수 있습니다. 웹 사이트의 전체 디자인과 상충되는 산만한 둥근 모양.

이 문제를 수정하고 입력 필드를 의도한 직사각형 모양으로 렌더링하려면 다음 CSS 코드를 사용하여 Safari에 지시하십시오.

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

검색 목적으로 지정된 입력 필드의 경우 다음 추가 CSS를 활용하세요.

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

반올림 제거를 iOS 기기로 분리해야 하는 경우 -webkit-border-radius: 0을 사용하세요. 재산. 그러나 Apple은 앞으로 접두사 속성 지원을 중단할 수 있다는 점에 유의하세요.

이전 버전의 iOS에서는 -webkit-appearance: none을 사용하세요. 대신:

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

위 내용은 Safari에서 입력 요소 반올림을 비활성화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!