文本内容：<select>之前/之后

Question

我需要将自定义文字添加到：before和：after＆lt; select＆gt;元件。 但它似乎没有奏效。 请帮忙。 小提琴链接：https：//jsfiddle.net/cpwkg0vu/2/

Answer 1

选择标签不允许：之后或：在伪之前，这就是为什么你必须用任何元素包装它为什么分配它的伪元素

#count {
  margin: 20px;
}

.wrapper:before {
  content: 'Show ';
}

.wrapper:after {
  content: ' rows';
}

<div class="wrapper">
  <select id="count">
    <option value=5>5</option>
    <option value=10>10</option>
    <option value=50>50</option>
    <option value="All">All</option>
  </select>
</div>

<div class="wrapper">
  <select id="count">
    <option value=5>5</option>
    <option value=10>10</option>
    <option value=50>50</option>
    <option value="All">All</option>
  </select>
</div>

#count {
  margin: 20px;
}

    .wrapper:before {
      content: 'Show ';
    }

.wrapper:after {
  content: ' rows';
}