입력 요소가 의사 요소 ::이전 및 ::이후를 지원하지 않는 이유는 무엇입니까?

퍼즐 풀기: 입력 요소에 부족한 이유 ::의사 요소 이전 및 ::이후

HTML5 입력 요소의 경우 ::after 의사 요소가 콘텐츠를 렌더링하지 못하는 경우 일반적인 문제가 발생합니다. 다양한 브라우저에서 수많은 시도와 테스트에도 불구하고 원하는 시각적 개선 사항은 여전히 ​​파악하기 어렵습니다.

이 특이한 동작은 호기심을 불러일으켰습니다. 브라우저가 입력 요소에서 ::다음에 의사 요소를 만장일치로 무시하는 이유는 무엇입니까? CSS 사양을 철저히 조사하면 중요한 세부 사항이 드러납니다. CSS21 사양에 따르면 ::after는 문서 트리 콘텐츠를 소유한 요소에만 적용됩니다. 입력 요소에는 이미지, 줄바꿈 등의 요소가 포함되어 있지 않으므로 ::after를 사용할 수 없습니다.

따라서 답은 입력 요소의 특성에 있습니다. 텍스트 콘텐츠를 전달하는 단락이나 범위와 같은 요소와 달리 입력 요소는 주로 사용자 상호 작용을 용이하게 하며 표시 목적을 위한 콘텐츠가 부족합니다. 이러한 고유한 특성으로 인해 입력 요소에 ::before 및 ::after 의사 요소가 사용되는 것을 방지합니다.

위 내용은 입력 요소가 의사 요소 ::이전 및 ::이후를 지원하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!