img选项的有效方法？

Question

我试图在我的选项字段之前设置一个img。 我试过了

option::before
  {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url();
  }

但它不起作用。怎么做？ 它不会显示在Firefox检查器中。通常应该显示:: before

Answer 1

伪选择器就像空DOM元素。任何要设计样式的元素都需要有一些内容。

你的:: before伪元素需要一些内容，你只需使用'content'属性填写。

option::before {
    content: '';
    display: inline-block;
    ...
}

另请注意，您可以将'content'属性用于任何HTML DOM元素。 对于伪选择器，它们需要具有“显示”属性，除非定位为绝对或固定。