내 CSS `::after`가 WebKit 선택 상자에서 의사 요소를 렌더링하지 않는 이유는 무엇입니까?

CSS :WebKit 선택 상자를 사용하여 렌더링하지 않은 후

문제:

CSS를 사용하여 선택 상자 모양 조작 :: 이미지 없이 사용자 정의된 드롭다운을 생성하는 의사 요소 이후에는 성공하지 못한 것으로 나타났습니다. 적절한 CSS 규칙을 적용했음에도 불구하고 :after 요소는 그대로 유지됩니다. 보이지 않음.

HTML:

<select name="">
  <option value="">Test</option>
</select>

CSS:

select {
  -webkit-appearance: none;
  background: black;
  border: none;
  border-radius: 0;
  color: white;
}

select::after {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: blue;
}

관찰:

적용에도 불구하고 :after 요소가 표시되지 않습니다. 스타일링.

해결책:

안타깝게도 WebKit 브라우저의 특정 기술 제한으로 인해 현재 이러한 사용자 정의가 가능하지 않은 것 같습니다. 선택 상자 렌더링은 브라우저 자체가 아닌 운영 체제에서 처리되는 경우가 많으므로 CSS를 통해 모양을 완전히 제어하는 ​​기능이 제한됩니다.

위 내용은 내 CSS `::after`가 WebKit 선택 상자에서 의사 요소를 렌더링하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!