iPhone이 전화번호를 파란색 하이퍼링크로 자동 포맷하는 것을 중지하는 방법은 무엇입니까?

iPhone/iOS에서 전화번호 스타일 수정

iPhone/iOS 장치는 자동으로 전화번호를 파란색 하이퍼링크로 렌더링합니다. 이 기능은 사용자에게 편리할 수 있지만 웹 사이트의 디자인 미학과 맞지 않을 수 있습니다. 다음 해결 방법으로 이 문제를 해결할 수 있습니다.

1. 메타 태그로 자동 서식 제거:

전화번호에서 파란색 하이퍼링크를 완전히 제거하려면 다음 메타 태그를

HTML 문서 섹션:

<meta name="format-detection" content="telephone=no">

이 메타 태그는 파란색 하이퍼링크 스타일을 포함하여 전화번호에 대한 모든 자동 서식을 비활성화합니다.

2. 전화번호에 대한 CSS 스타일:

메타 태그 설정이 불가능할 경우 CSS를 사용하여 전화번호 스타일을 수정할 수 있습니다. 두 가지 옵션을 사용할 수 있습니다.

옵션 1(웹 페이지에 권장):

CSS 속성 선택기를 사용하여 "tel"로 시작하는 href 값이 있는 대상 링크:

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
  /* Additional styling properties here */
}

옵션 2(HTML 이메일에 적합) 템플릿):

전화번호를 링크/앵커 태그로 감싸고 다음 CSS를 사용하여 스타일을 타겟팅하고 필요에 따라 속성을 조정합니다.

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

추가 참고 사항:

• 클릭 가능한 링크로 보존하고 싶은 전화번호가 있는 경우 수동으로 형식을 지정하세요. href="tel: 속성을 사용하여 링크로 표시합니다.
• x-apple-data-Detectors 속성은 iOS에만 적용되며 감지 가능한 콘텐츠(전화 포함)로 자동 감지된 요소를 대상으로 하는 데 사용할 수 있습니다. 숫자).

위 내용은 iPhone이 전화번호를 파란색 하이퍼링크로 자동 포맷하는 것을 중지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!