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 中国語 Web サイトの他の関連記事を参照してください。