小编Nic*_*uze的帖子

我想在一个选择框中添加一些样式,其中包含伪:after(用于选择包含2个部分且没有图像的选择框).这是HTML:

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

它不起作用.我不知道为什么,我没有在W3C规范中找到答案.这是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;
}

这是正常还是有诀窍？