选择框元素和：

Question

后为什么不起作用？没有添加额外元素，是否有解决此问题的方法？

http://jsfiddle.net/86gb2/

Answer 1

在你的提琴以下声明可能不会做你期望的。

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> 

Answer 2

我会建议使用jQuery API这样的事情：

$(document).ready(function(){ 
    $("select").after("<div>this doesnt work, or does it?</div>"); 
});​