为什么 CSS `::after` 不设置 WebKit 中我的 `` 元素的样式？

样式;使用 CSS :WebKit 中的伪元素

试图增强 的美感元素不诉诸图像，实现了以下 HTML 和 CSS：

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 伪元素未能实现。虽然 CSS 规范没有提供对此特定场景的深入了解，但进一步的调查表明观察到的行为可能是 方式所固有的。元素由操作系统处理，覆盖通过 CSS 应用的样式。

以上是为什么 CSS `::after` 不设置 WebKit 中我的 `` 元素的样式？的详细内容。更多信息请关注PHP中文网其他相关文章！