【发布时间】：2012-09-25 14:09:20
【问题描述】：
为什么它不起作用？是否可以在不添加额外元素的情况下解决此问题？
【问题讨论】：
标签： css select pseudo-element
【发布时间】：2012-09-25 14:09:20
【问题描述】：
我会推荐使用 jQuery API 来处理这些事情：
$(document).ready(function(){
$("select").after("<div>this doesnt work, or does it?</div>");
});
【讨论】：
在您的小提琴中，以下声明可能没有达到您的预期。
select:after {content: "This doesn't work";}
这实际上会在选择框的内容之后追加文本，而不是在选择框本身之后。因此，在标记中的最后一个 option 之后添加了该文本。 （这当然是无效的，也不会被浏览器渲染。）
换句话说，如果你有这个标记：
<a href="#">My link</a>
还有这个 CSS：
a:after {content: " has now been appended to";}
实际情况是这样的：
<a href="#">My link has now been appended to</a>
【讨论】：
-
我知道。但是当它用于选择元素时我没有想到它......我使用了一个包装器，然后它就像我想要的那样工作:)