CSS만 사용하여 `` 요소의 모양 스타일을 어떻게 지정할 수 있나요?

CSS로 스타일 선택 항목 선택

::after 의사 요소를 사용하여 스타일을 지정하는 요소에서 사용자에게 예기치 않은 문제가 발생했습니다. 원하는 결과는 이미지를 통합하지 않고 선택 상자를 두 섹션으로 나누는 것이었습니다. 다음 HTML 및 CSS를 정의했음에도 불구하고

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

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;
}

스타일 지정이 구현되지 않았습니다. W3C 사양에 대한 조사에서는 명확성이 나오지 않았습니다.

접근 방식의 한계

신중한 분석 결과 현재 지정된 사양을 사용하여 원하는 효과를 달성할 수 없는 것으로 확인되었습니다. 본질적인 한계로 인해 방법. 브라우저의 내부 렌더링 엔진이 아닌 특정 운영 체제에서 선택 요소가 렌더링되는 방식은 CSS를 통한 모양이나 동작의 수정을 방지합니다.

위 내용은 CSS만 사용하여 `` 요소의 모양 스타일을 어떻게 지정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!